@font-face {
  font-family: "Instrument Sans";
  src: url(fonts/instrument-sans-variable.woff2) format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url(fonts/instrument-sans-variable-italic.woff2) format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url(fonts/geist-mono-variable.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --paper: #ECE8E0;
  --ink: #2A2219;
  --line: #33291F;
  --soft: rgba(42, 34, 25, .66);
  --faint: rgba(42, 34, 25, .34);
  --hair: rgba(42, 34, 25, .22);
  --a: #F7F4EE;
  --c: #DDD5C9;
  --b: #805844;
  --sans:
    "Instrument Sans",
    "Segoe UI",
    system-ui,
    -apple-system,
    sans-serif;
  --mono:
    "Geist Mono",
    ui-monospace,
    "Cascadia Mono",
    Consolas,
    monospace;
  --ground: 120px;
  --pad: 28px;
  --thumb: 30px;
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  height: 100svh;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  overscroll-behavior: none;
}
body {
  font: 400 13px/1.4 var(--sans);
  font-variant-numeric: tabular-nums;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
[hidden] {
  display: none !important;
}
.draft {
  font: 400 10px/1 var(--mono);
  letter-spacing: .04em;
  color: var(--faint);
}
#scroller {
  position: fixed;
  inset: 0;
  height: 100svh;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scrollbar-width: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
#scroller::-webkit-scrollbar {
  display: none;
}
#stage {
  position: sticky;
  top: 0;
  height: 100svh;
  width: 100%;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  cursor: ew-resize;
}
#stage.seated {
  cursor: ns-resize;
  touch-action: none;
}
#stage.seated.nopull {
  cursor: default;
}
#travel {
  height: 0;
}
#stone,
#lines {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
#plan {
  position: absolute;
  left: 0;
  display: block;
  touch-action: none;
  background: var(--paper);
  box-shadow: 0 -1px 0 var(--hair);
  cursor: grab;
}
:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
#scroller:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--hair);
}
#home {
  all: unset;
  max-width: calc(100% - 2 * var(--pad));
  overflow-wrap: anywhere;
  position: absolute;
  left: var(--pad);
  top: 22px;
  cursor: pointer;
  font: 400 12px/1.2 var(--sans);
  letter-spacing: .01em;
  color: var(--soft);
}
#home b {
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink);
  margin-right: .5em;
}
#home:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
.name {
  overflow-wrap: anywhere;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  pointer-events: none;
  line-height: 1.16;
  will-change: transform;
}
.name .when {
  display: block;
  font: 500 10px/1.5 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--soft);
}
.name b {
  display: block;
  font: 600 17px/1.16 var(--sans);
  font-stretch: 92%;
  letter-spacing: -.005em;
  text-wrap: balance;
}
.name .when[data-side]::before {
  content: attr(data-side) " \b7  ";
}
#say {
  position: absolute;
  left: var(--pad);
  right: var(--pad);
  top: 30%;
  margin: 0;
  max-width: 46ch;
  font: 400 16px/1.5 var(--sans);
  visibility: hidden;
  animation: late 0s 3s forwards;
}
@keyframes late {
  to {
    visibility: visible;
  }
}
.live #say {
  display: none;
}
.failed #say {
  display: block;
  visibility: visible;
  animation: none;
}
html:not(.live) #leaf,
html:not(.live) #motion {
  visibility: hidden;
}
html.d31-seats #stage {
  touch-action: none;
}
#leafF {
  position: absolute;
  left: 14px;
  margin: 0;
  padding: 0;
  width: 26px;
  writing-mode: vertical-lr;
  direction: ltr;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  touch-action: none;
  cursor: ns-resize;
}
#leafF::-webkit-slider-runnable-track {
  width: 26px;
  background: linear-gradient(var(--hair), var(--hair)) center / 1px 100% no-repeat;
}
#leafF::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 3px;
  background: var(--ink);
  border: 0;
  border-radius: 0;
}
#leafF:focus-visible {
  outline: none;
}
#leafF:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
#band {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(100svh - var(--ground));
  height: var(--ground);
  max-height: 100svh;
  background: var(--paper);
  box-shadow: 0 -1px 0 var(--line);
  cursor: default;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scroll-padding-block: 8px;
}
#band:focus-visible {
  outline-offset: -3px;
}
#bandIn {
  padding: 0 0 calc(12px + env(safe-area-inset-bottom, 0px));
}
#leafRow {
  position: relative;
  height: 22px;
  margin-top: -1px;
}
#leaf {
  position: absolute;
  top: -10px;
  margin: 0;
  padding: 0;
  height: 32px;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  touch-action: pan-y;
  cursor: ew-resize;
}
#leaf::-webkit-slider-runnable-track {
  height: 32px;
  background: transparent;
}
#leaf::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--thumb);
  height: 32px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(var(--ink), var(--ink)) center 0 / 1.5px 20px no-repeat, linear-gradient(var(--ink), var(--ink)) center 20px / 13px 1.5px no-repeat;
}
#leaf:focus-visible {
  outline: none;
}
#leaf:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--ink);
  outline-offset: 1px;
}
.seated #leafRow {
  visibility: hidden;
}
#listen {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 34px;
  margin: 2px var(--pad) 0;
  min-height: 44px;
}
#sentence {
  all: unset;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  padding: 4px 6px 4px 0;
  font: italic 500 27px/1.12 var(--sans);
  font-stretch: 96%;
  letter-spacing: -.012em;
}
#sentence q {
  min-width: 0;
  overflow-wrap: anywhere;
  quotes: "\201c" "\201d";
}
#sentence .play {
  flex: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent var(--ink);
  margin-left: 2px;
}
#sentence[aria-pressed=true] .play {
  width: 13px;
  height: 16px;
  border: 0;
  margin-left: 2px;
  background:
    linear-gradient(
      90deg,
      var(--ink) 0 4.5px,
      transparent 4.5px 8.5px,
      var(--ink) 8.5px 13px);
}
html:not(.live) #sentence .play {
  visibility: hidden;
}
html:not(.live) #sentence {
  cursor: default;
}
#sentence:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
#seated {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  flex: 1 1 420px;
  min-width: 0;
}
#timeRow {
  flex: 1 1 150px;
  min-width: min(150px, 100%);
  max-width: 520px;
  display: grid;
  gap: 3px;
}
#time {
  display: block;
  width: 100%;
  margin: 0;
  height: 26px;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  touch-action: pan-y;
  cursor: pointer;
}
#time::-webkit-slider-runnable-track {
  height: 10px;
  border: solid var(--ink);
  border-width: 0 1px 1px;
  background:
    repeating-linear-gradient(
      90deg,
      var(--faint) 0 1px,
      transparent 1px var(--half)) 0 100% / 100% 4px no-repeat;
}
#time::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 2px;
  height: 24px;
  margin-top: -14px;
  background: var(--ink);
  border: 0;
  border-radius: 0;
}
#timeRow.hatched #time::-webkit-slider-runnable-track {
  background:
    repeating-linear-gradient(
      -45deg,
      var(--ink) 0 1px,
      transparent 1px 5px);
}
#timeRow.none #time::-webkit-slider-runnable-track {
  border-style: dashed;
  background: none;
}
#timeNote {
  overflow-wrap: anywhere;
  font: 400 11px/1.3 var(--mono);
  letter-spacing: .01em;
  color: var(--soft);
  min-height: 1.3em;
}
#time:focus-visible {
  outline: none;
}
#time:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
#exchange {
  all: unset;
  flex: none;
  display: inline-grid;
  grid-template-columns: 34px 34px auto;
  align-items: center;
  cursor: pointer;
}
#exchange .ex {
  display: block;
  height: 34px;
  border: 1.25px solid var(--ink);
  font: 600 14px/31px var(--sans);
  text-align: center;
}
#exchange .ex.a {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
#exchange .ex.b {
  border-radius: 0 2px 2px 0;
}
#exchange[aria-pressed=false] .ex.a,
#exchange[aria-pressed=true] .ex.b {
  background: var(--ink);
  color: var(--paper);
}
#exchange.divided[aria-pressed] .ex.a,
#exchange.divided[aria-pressed] .ex.b {
  background: transparent;
  color: var(--ink);
}
#exchange .exl {
  margin-left: 10px;
}
#exchange:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
.key {
  all: unset;
  cursor: pointer;
  font: 500 10px/1 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--soft);
  padding: 8px 0;
  border-bottom: 1px solid var(--faint);
  white-space: nowrap;
}
.key:hover {
  color: var(--ink);
  border-color: var(--ink);
}
.key[aria-pressed=true] {
  color: var(--ink);
  border-color: var(--ink);
}
.key:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
#position {
  margin: 4px var(--pad) 0;
  font: 400 12px/1.4 var(--sans);
  color: var(--soft);
  max-width: 110ch;
}
#position b {
  font: 600 12px/1.4 var(--mono);
  letter-spacing: .04em;
  color: var(--ink);
  margin-right: .6em;
}
#standing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, max-content);
  align-items: start;
  margin: 8px var(--pad) 0;
  padding-right: 0;
  position: relative;
  font: 400 11.5px/1.5 var(--sans);
  color: var(--soft);
  max-width: 1500px;
}
#standingCopy {
  min-width: 0;
  overflow-wrap: anywhere;
}
#door {
  font: 600 10px/1.5 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 1px;
  margin-right: 14px;
  white-space: normal;
}
#door::after {
  content: " \2192";
}
.legend {
  margin-right: 12px;
  white-space: normal;
}
.cls {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  padding-right: 10px;
}
.sw {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 6px 0 0;
  vertical-align: -1.5px;
  border: 1px solid var(--line);
}
.sw.a {
  background: var(--a);
  border-style: dashed;
}
.sw.c {
  background: var(--c);
}
.sw.b {
  background: var(--b);
  border-color: var(--b);
}
#lines2:not(:empty)::before,
#quiet:not(:empty)::before {
  content: " ";
}
#lines2.off {
  visibility: hidden;
}
#motion {
  position: relative;
  justify-self: end;
  top: -4px;
}
#register {
  position: relative;
  box-sizing: border-box;
  min-height: 100svh;
  max-width: 1060px;
  margin: 0 auto;
  padding: 64px 32px 80px;
  background: var(--paper);
  font: 400 15px/1.6 var(--sans);
  color: var(--ink);
}
#register h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 28px;
}
#register h2 {
  font-size: 20px;
  line-height: 1.25;
  margin: 38px 0 14px;
  font-weight: 500;
}
#register p {
  max-width: 78ch;
  margin: 0 0 18px;
}
#register table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0;
  font: 400 12px/1.55 var(--mono);
}
#register th,
#register td {
  text-align: left;
  vertical-align: top;
  padding: 9px 12px 9px 0;
  border-bottom: 1px solid var(--hair);
}
#register th {
  font-weight: 500;
}
#register a,
#register button {
  color: var(--ink);
}
#register .eyebrow {
  font: 400 11px/1.4 var(--mono);
  letter-spacing: .05em;
  margin-bottom: 20px;
}
#register button {
  background: transparent;
  border: 0;
  border-bottom: 1px solid currentColor;
  padding: 9px 0;
  font: inherit;
  cursor: pointer;
  margin-right: 20px;
}
#register .exception-actions {
  margin: 18px 0;
}
#register summary {
  cursor: pointer;
}
#register .source-links {
  font: 400 12px/1.8 var(--mono);
}
@media (max-width: 599px) {
  :root {
    --pad: 14px;
    --thumb: 44px;
  }
  #home {
    top: 14px;
    font-size: 11px;
  }
  .name b {
    font-size: 13px;
  }
  .name .when {
    font-size: 9px;
    letter-spacing: .1em;
  }
  #leafRow {
    height: 26px;
  }
  #leaf {
    height: 44px;
    top: -16px;
  }
  #leaf::-webkit-slider-runnable-track {
    height: 44px;
  }
  #leaf::-webkit-slider-thumb {
    height: 44px;
    background-position: center 6px, center 26px;
  }
  #listen {
    gap: 4px 14px;
    min-height: 40px;
    margin-top: 0;
  }
  #sentence {
    font-size: 19px;
    gap: 10px;
    padding: 8px 4px 8px 0;
  }
  #seated {
    gap: 8px 12px;
    flex-basis: 100%;
  }
  #exchange {
    grid-template-columns: 40px 40px auto;
  }
  #exchange .ex {
    height: 40px;
    line-height: 37px;
  }
  #exchange .exl {
    display: none;
  }
  #standing {
    display: block;
    font-size: 10px;
    line-height: 1.42;
    margin-top: 4px;
    padding-right: 0;
  }
  #door {
    font-size: 9px;
    margin-right: 8px;
  }
  .cls {
    padding-right: 6px;
  }
  .legend {
    margin-right: 4px;
    white-space: normal;
  }
  #standingCopy {
    display: contents;
  }
  #motion {
    position: static;
    margin-left: 8px;
    padding: 4px 0;
  }
  #position {
    font-size: 10.5px;
    margin-top: 2px;
  }
  .key {
    padding: 10px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
  }
}
:root {
  --paper:#f1ede8;
  --a:var(--paper);
  --c:var(--paper);
  --b:var(--paper);
}
#home {
  position: fixed;
  top: auto;
  bottom: 15px;
  left: var(--pad);
  font: 400 10px/1.3 var(--mono);
  letter-spacing: 0;
  max-width: calc(100% - 260px);
  z-index: 2;
}
#band {
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
#bandIn {
  padding-bottom: 8px;
}
#band input,
#band button,
#band a {
  pointer-events: auto;
}
#standing {
  margin-top: 0;
  min-height: 27px;
  padding-left: 320px;
  align-items: center;
  font: 400 10px/1.3 var(--mono);
}
#door {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  margin-right: 18px;
}
#door::after {
  content: "";
}
#lines2,
#quiet,
#position {
  display: none;
}
#listen {
  position: fixed;
  display: flex;
  margin: 0;
  min-height: 0;
  gap: 6px 18px;
  max-width: calc(100% - 2 * var(--pad));
}
#sentence {
  font: italic 400 15px/1.2 var(--sans);
  letter-spacing: 0;
  padding: 5px 0;
  max-width: 290px;
  gap: 0;
}
#sentence .play {
  display: none;
}
#sentence[aria-pressed=true] q {
  text-decoration: underline;
  text-underline-offset: 5px;
}
#seated {
  flex-basis: 380px;
  gap: 8px 18px;
}
#timeRow {
  max-width: 420px;
}
#timeNote {
  font-size: 9px;
}
#time::-webkit-slider-runnable-track {
  height: 5px;
  border-width: 0 0 1px;
  background-size: 100% 3px;
}
#exchange {
  grid-template-columns: 24px 24px auto;
}
#exchange .ex {
  height: 24px;
  line-height: 22px;
  font-size: 10px;
  border-radius: 0 !important;
}
#exchange .exl {
  display: none;
}
#motion {
  font-size: 9px;
}
@media (max-width: 599px) {
  #home {
    bottom: 10px;
    font-size: 8px;
    max-width: calc(100% - 115px);
  }
  #standing {
    padding-left: 0;
    text-align: right;
    padding-right: 14px;
    min-height: 23px;
  }
  #standing #motion {
    display: none;
  }
  #door {
    font-size: 8px;
    margin-right: 0;
  }
  #sentence {
    font-size: 12px;
    max-width: 190px;
  }
  #listen {
    gap: 4px 10px;
  }
  #seated {
    flex-basis: 100%;
    gap: 8px;
  }
  #timeRow {
    max-width: calc(100% - 112px);
  }
}
@media (max-width: 599px) {
  #band {
    background: var(--paper);
  }
}
#recordLayer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#titleBlock {
  position: fixed;
  left: var(--pad);
  top: 17px;
  max-width: min(710px, calc(100% - 95px));
  font: 400 11px/1.45 var(--mono);
  color: var(--ink);
  z-index: 3;
}
.title-mode {
  margin: 0 0 3px;
}
#modeLine {
  letter-spacing: .035em;
}
.title-declaration {
  color: var(--soft);
}
.title-keys {
  display: flex;
  gap: 18px;
  align-items: baseline;
  flex-wrap: wrap;
}
#titleBlock button {
  border: 0;
  border-bottom: 1px solid transparent;
  background: none;
  padding: 0 0 3px;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
#titleBlock button[aria-pressed=true] {
  border-bottom-color: currentColor;
}
#titleBlock a {
  color: inherit;
  text-underline-offset: 3px;
}
#materialLegend {
  display: flex;
  gap: 4px 14px;
  flex-wrap: wrap;
  margin-top: 7px;
  max-width: 650px;
  font-size: 11px;
}
#materialLegend[hidden] {
  display: none;
}
.class-swatch {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  white-space: nowrap;
}
.class-swatch i {
  width: 11px;
  height: 8px;
  display: inline-block;
  border: .5px solid #88827a;
}
html.reading-register:not(.method-opening) #band,
html.reading-register:not(.method-opening) #titleBlock,
html.reading-register:not(.method-opening) #home {
  visibility: hidden;
}
#home {
  font-size: 11px;
}
#door {
  font-size: 11px;
}
@media (max-width: 599px) {
  #titleBlock {
    top: 12px;
    max-width: calc(100% - 45px);
  }
  #materialLegend {
    gap: 3px 10px;
    font-size: 11px;
  }
  .title-keys {
    gap: 8px 13px;
  }
  #register {
    padding: 36px 20px 64px;
  }
  #register h1 {
    font-size: 26px;
  }
  #register table {
    display: block;
    overflow-x: auto;
    font-size: 11px;
  }
  #home,
  #door {
    font-size: 11px;
  }
}
@media (max-width: 599px) {
  #titleBlock .title-declaration {
    display: none;
  }
}
#titleBlock {
  position: relative;
  top: auto;
  left: auto;
  max-width: none;
  margin: 10px var(--pad) 24px;
  font: 400 11px/1.5 var(--mono);
}
#materialLegend {
  max-width: none;
  gap: 5px 16px;
}
#modeLine {
  letter-spacing: .025em;
}
.name .when {
  font-size: 11px;
  line-height: 1.55;
}
.name b {
  line-height: 1.35;
}
.input-view #listen {
  position: relative;
  left: auto !important;
  top: auto !important;
  margin: 4px var(--pad) 7px;
}
.input-view #standing {
  display: none;
}
.input-view #band {
  background: var(--paper);
}
#home {
  bottom: 7px;
}
@media (max-width: 599px) {
  #titleBlock {
    top: auto;
    max-width: none;
    margin: 8px 14px 22px;
    font-size: 11px;
  }
  #materialLegend {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px 8px;
  }
  #materialLegend .class-swatch {
    white-space: normal;
    align-items: flex-start;
  }
  #materialLegend .class-swatch i {
    flex: none;
    margin-top: 4px;
  }
  .name .when {
    font-size: 10px;
    line-height: 1.6;
  }
  .name b {
    font-size: 13px;
    line-height: 1.4;
  }
  .title-keys {
    gap: 8px 14px;
  }
  .input-view #sentence {
    font-size: 13px;
  }
  .input-view #listen {
    margin: 0 14px 5px;
  }
}
#inputStatus {
  margin: 4px var(--pad);
  font: 400 11px/1.5 var(--mono);
}
@media (min-width: 600px) {
  body {
    font-size: 15px;
  }
  .draft {
    font-size: 11px;
  }
  .name .when {
    font-size: 11px;
  }
  #recordLayer text {
    font-size: 11px;
  }
  .key,
  #home,
  #door,
  #motion,
  #timeNote,
  #titleBlock {
    font-size: 15px;
  }
  #standing {
    font-size: 15px;
  }
  #exchange .ex {
    font-size: 11px;
  }
  #materialLegend {
    font-size: 11px;
  }
  #register table,
  #register .source-links,
  #register .eyebrow {
    font-size: 15px;
  }
}
#readingLayer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#earReading {
  position: absolute;
  inset: 0;
  pointer-events: none;
  color: #53504e;
  font: 400 15px/1.25 var(--mono);
  user-select: text;
  -webkit-user-select: text;
}
#earReading p,
#earReading tr {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
}
#earReading .reading-title {
  font-weight: 500;
}
#earReading .reading-rule,
#earReading .reading-arrival,
#earReading .reading-notice {
  font-size: 11px;
  line-height: 1.35;
}
#earReading :is(p, th, td) {
  text-shadow:
    -1px 0 var(--paper),
    1px 0 var(--paper),
    0 -1px var(--paper),
    0 1px var(--paper);
}
#earReading table {
  position: absolute;
  inset: 0;
  border: 0;
  border-collapse: collapse;
}
#earReading tr {
  display: block;
  height: 43px;
}
#earReading th,
#earReading td {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  border: 0;
  padding: 0;
  font-weight: 400;
}
#earReading th {
  font-size: 11px;
  line-height: 1.3;
}
#earReading td {
  font-size: 11px;
  line-height: 1.3;
}
#earReading small {
  display: block;
  font: 400 11px/1.3 var(--mono);
}
#earReading .reading-controls {
  display: flex;
  gap: 7px 13px;
  flex-wrap: wrap;
  font: 400 11px/1.4 var(--mono);
}
#earReading label {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}
#earReading select,
#earReading button {
  pointer-events: auto;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: .5px solid currentColor;
  border-radius: 0;
  padding: 0 0 2px;
  font: inherit;
  max-width: 100%;
}
#earReading button {
  cursor: pointer;
}
#earReading .reading-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0 !important;
  transform: none !important;
}
.ear-reading #stage {
  cursor: default;
}
@media (max-width: 599px) {
  #earReading {
    font-size: 13px;
  }
  #earReading .reading-title {
    font-size: 13px;
  }
  #earReading .reading-rule {
    font-size: 11px;
  }
  #earReading .reading-controls {
    gap: 2px 8px;
    font-size: 11px;
  }
  #earReading label {
    gap: 3px;
  }
  #earReading .reading-notice {
    font-size: 11px;
  }
}
#position,
#quiet {
  display: block;
}
#quiet:empty {
  display: none;
}
#position {
  margin: 3px var(--pad);
  font: 400 15px/1.35 var(--sans);
}
#quiet {
  margin: 3px var(--pad);
  font: 400 15px/1.35 var(--sans);
}
@media (max-width: 599px) {
  #position,
  #quiet {
    font-size: 13px;
  }
}
#band {
  background: var(--paper);
  box-shadow: 0 -1px 0 var(--hair);
  pointer-events: auto;
  overflow: hidden;
}
#bandIn {
  height: 100%;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: stretch;
}
#footCaption {
  min-width: 0;
  padding: 8px 20px;
  position: relative;
}
#footPlan {
  min-width: 0;
  position: relative;
  border-left: 1px solid var(--hair);
  padding-top: 27px;
}
#plan {
  inset: 27px 0 0;
  width: 100%;
  height: calc(100% - 27px);
  box-shadow: none;
  cursor: crosshair;
}
#planControls {
  position: absolute;
  inset: 27px 0 0;
  pointer-events: none;
}
.ear-plan-mark,
.ear-plan-grip {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
  touch-action: none;
}
.ear-plan-grip {
  cursor: grab;
}
.ear-plan-mark:focus-visible,
.ear-plan-grip:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 0;
  background: rgba(241, 237, 232, .55);
}
.ear-plan-name {
  position: absolute;
  pointer-events: none;
  padding: 2px 4px;
  background: var(--paper);
  font: 400 11px/1.3 var(--mono);
  white-space: nowrap;
}
.control-sr,
.ear-plan-control-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
#titleBlock {
  position: absolute;
  inset: 3px 8px auto;
  margin: 0;
  max-width: none;
  font: 400 11px/1.3 var(--mono);
}
#titleBlock .title-mode {
  display: none;
}
#titleBlock .title-keys {
  gap: 10px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#titleBlock button,
#titleBlock a {
  min-height: 20px;
}
#materialLegend {
  position: absolute;
  right: 0;
  bottom: 30px;
  background: var(--paper);
  padding: 3px;
  font: 400 11px/1.3 var(--mono);
  max-width: 270px;
}
#listen {
  position: static !important;
  display: flex;
  margin: 0;
  max-width: none;
  gap: 8px;
}
#sentence {
  font: italic 400 18px/1.15 var(--sans);
  max-width: none;
  min-height: 44px;
  gap: 10px;
}
#sentence .play {
  display: block;
  border-width: 6px 0 6px 10px;
}
#sentence[data-command=pause] .play {
  width: 10px;
  height: 13px;
  border: 0;
  background:
    linear-gradient(
      90deg,
      var(--ink) 0 3px,
      transparent 3px 7px,
      var(--ink) 7px 10px);
}
#sentence[aria-pressed=true] q {
  text-decoration: none;
}
#position {
  margin: 0;
  color: var(--ink);
  display: flex;
  gap: 10px;
  align-items: center;
  max-width: none;
}
#position b {
  font: 500 22px/1.1 var(--sans);
  letter-spacing: 0;
  margin: 0;
}
#position span {
  font: 400 11px/1.35 var(--mono);
  color: var(--soft);
}
#positionNote {
  margin: 0;
  font: 400 11px/1.3 var(--mono);
  color: var(--soft);
}
#quiet {
  margin: 0;
  font: 400 15px/1.2 var(--sans);
  color: var(--ink);
}
#inputStatus {
  margin: 2px 0;
  font: 400 11px/1.3 var(--mono);
}
#standing {
  padding: 0;
  margin: 0;
  font: 400 15px/1.3 var(--sans);
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
#standing #lines2 {
  display: none;
}
#home {
  bottom: 4px;
}
#band #footCaption {
  display: grid;
  grid-template-columns: minmax(175px, 1fr) minmax(260px, 1.7fr) 90px 70px 94px;
  grid-template-areas: "position sentence exchange stand audience" "notes time exchange stand audience" "quiet quiet quiet quiet quiet";
  gap: 1px 14px;
  align-items: center;
}
#band.seated #listen,
#band.seated #seated {
  display: contents;
}
#band.seated #leafRow,
#band.seated #standing {
  display: none;
}
#band.seated #position {
  grid-area: position;
}
#band.seated #positionNote {
  grid-area: notes;
}
#band #sentence {
  grid-area: sentence;
}
#band.seated #timeRow {
  grid-area: time;
}
#band.seated #exchange {
  grid-area: exchange;
}
#band.seated :is(#stand, #hCellReturn) {
  grid-area: stand;
}
#band.seated #audience {
  grid-area: audience;
}
#band.seated #quiet {
  grid-area: quiet;
}
#band.seated #readPosition {
  display: none;
}
#band.seated #inputStatus {
  position: absolute;
  left: 20px;
  bottom: 4px;
}
#exchange {
  grid-template-columns: 44px 44px;
  min-height: 44px;
}
#exchange .ex {
  height: 44px;
  line-height: 42px;
  font: 500 15px/42px var(--sans);
}
:is(#stand, #hCellReturn),
#audience {
  all: unset;
  cursor: pointer;
  min-height: 44px;
  min-width: 44px;
  display: grid;
  place-content: center;
  white-space: nowrap;
  font: 400 15px/1.2 var(--sans);
  border-bottom: 1px solid var(--hair);
}
:is(#stand, #hCellReturn):focus-visible,
#audience:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 1px;
}
#audience[aria-pressed=true] {
  border-bottom-color: var(--ink);
}
#timeRow {
  min-width: 0;
  max-width: none;
  gap: 0;
}
#time {
  height: 24px;
}
#time::-webkit-slider-runnable-track {
  height: 8px;
  background:
    repeating-linear-gradient(
      90deg,
      var(--ink) 0 1px,
      transparent 1px var(--second,22%)) 0 100%/100% 5px no-repeat;
}
#time::-webkit-slider-thumb {
  height: 21px;
  margin-top: -13px;
}
#timeNote {
  font: 400 11px/1.2 var(--mono);
  min-height: 14px;
}
#timeRow.hatched #time::-webkit-slider-runnable-track {
  background:
    repeating-linear-gradient(
      -45deg,
      var(--soft) 0 1px,
      transparent 1px 5px);
}
#timeRow.failed #time::-webkit-slider-runnable-track,
#timeRow.fetching #time::-webkit-slider-runnable-track {
  border-style: dashed;
}
#timeRow.gap #time::-webkit-slider-runnable-track {
  background: none;
}
html #stage.seated #home {
  display: none;
}
html[data-foot="1"] #band #footCaption {
  grid-template-columns: minmax(185px, 1fr) minmax(260px, 1.7fr) 90px 70px 94px;
  grid-template-areas: "position time exchange stand audience" "notes sentence exchange stand audience" "quiet quiet quiet quiet quiet";
}
@media (pointer: coarse) {
  .ear-plan-mark,
  .ear-plan-grip {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}
@media (max-width: 899px) and (orientation: portrait) {
  #bandIn {
    grid-template-columns: 1fr;
    grid-template-rows: var(--caption-height,134px) minmax(0, 1fr);
  }
  #footCaption {
    padding: 4px 12px;
  }
  #footPlan {
    border-left: 0;
    border-top: 1px solid var(--hair);
  }
  #band #footCaption {
    padding: 4px 12px;
    grid-template-columns: minmax(0, 1fr) 90px 56px 79px;
    grid-template-areas: "position position position position" "sentence sentence sentence sentence" "time exchange stand audience" "notes notes notes notes";
    gap: 0 6px;
    align-items: center;
  }
  html[data-foot="1"] #band #footCaption {
    grid-template-columns: minmax(0, 1fr) 90px 56px 79px;
    grid-template-areas: "position position position position" "time exchange stand audience" "sentence sentence sentence sentence" "notes notes notes notes";
  }
  #band.seated #position b {
    font-size: 20px;
  }
  #position span {
    font-size: 11px;
    line-height: 1.2;
  }
  #sentence {
    font-size: 18px;
    min-height: 28px;
    padding: 0;
  }
  #positionNote {
    font-size: 11px;
    line-height: 1.2;
  }
  #band.seated #quiet:not(:empty) {
    grid-area: notes;
    font-size: 15px;
    line-height: 1.2;
    background: var(--paper);
    z-index: 1;
  }
  #band.seated:is(#band)[data-quiet=true] #positionNote {
    visibility: hidden;
  }
  #standing {
    font-size: 15px;
  }
  #motion {
    font-size: 11px;
  }
  #titleBlock {
    inset: 3px 12px auto;
  }
  #band.seated #inputStatus {
    left: 12px;
  }
  #home {
    display: none;
  }
}
html.phone-landscape #band {
  left: var(--picture-width);
  right: 0;
  top: 0;
  height: 100svh;
  border-left: 1px solid var(--hair);
  box-shadow: none;
}
html.phone-landscape #bandIn {
  grid-template-columns: 1fr;
  grid-template-rows: var(--caption-height,94px) minmax(0, 1fr);
}
html.phone-landscape #footCaption {
  padding: 2px 8px;
}
html.phone-landscape #footPlan {
  border-left: 0;
  border-top: 1px solid var(--hair);
}
html.phone-landscape #band #footCaption {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  grid-template-areas: "position sentence" "time controls";
  gap: 0 8px;
  align-items: center;
}
html.phone-landscape #band.seated #seated {
  display: grid;
  grid-area: controls;
  grid-template-columns: 88px minmax(44px, 1fr) minmax(70px, 1fr);
  gap: 2px;
}
html.phone-landscape #band.seated #timeRow {
  position: absolute;
  left: 8px;
  bottom: 0;
  width: calc(43% - 12px);
}
html.phone-landscape #band.seated #exchange,
html.phone-landscape #band.seated :is(#stand, #hCellReturn),
html.phone-landscape #band.seated #audience {
  grid-area: auto;
}
html.phone-landscape #position b {
  font-size: 18px;
}
html.phone-landscape #position {
  gap: 5px;
}
html.phone-landscape #position span {
  font-size: 11px;
  line-height: 1.15;
}
html.phone-landscape #sentence {
  font-size: 18px;
  min-height: 40px;
  gap: 6px;
}
html.phone-landscape #positionNote {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 29px;
  font-size: 11px;
  z-index: 1;
  pointer-events: none;
}
html.phone-landscape #quiet:not(:empty) {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  background: var(--paper);
  font-size: 15px;
  z-index: 3;
}
html.phone-landscape #titleBlock {
  inset: 3px 8px auto;
}
html.phone-landscape #home {
  display: none;
}
#position span {
  white-space: pre-line;
}
#footPlan,
#plan,
#planControls {
  touch-action: none;
}
#footCaption {
  height: var(--caption-height,123px);
}
#footPlan {
  padding-top: 43px;
}
#plan {
  top: 43px;
  height: calc(100% - 43px);
}
#planControls {
  top: 43px;
}
#titleBlock .title-mode {
  display: block;
  margin: 0 0 2px;
  font: 400 11px/1.2 var(--mono);
}
#titleBlock .title-declaration {
  display: none;
}
#band:not(.seated) #titleBlock .title-declaration {
  display: inline;
}
#band:not(.seated) #footPlan {
  padding-top: 64px;
}
#band:not(.seated) #plan {
  top: 64px;
  height: calc(100% - 64px);
}
#band:not(.seated) #planControls {
  top: 64px;
}
@media (any-pointer: coarse) {
  .ear-plan-mark,
  .ear-plan-grip {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}
html.phone-landscape #footPlan {
  padding-top: 64px;
}
html.phone-landscape #plan {
  top: 64px;
  height: calc(100% - 64px);
}
html.phone-landscape #planControls {
  top: 64px;
}
html.phone-landscape #positionNote {
  top: 45px;
}
html.phone-landscape #band #footCaption {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr) 45px;
  grid-template-areas: none;
  gap: 0 2px;
  padding: 2px 8px;
}
html.phone-landscape #band.seated #listen,
html.phone-landscape #band.seated #seated {
  display: contents;
}
html.phone-landscape #band.seated #position {
  grid-area: auto;
  grid-row: 1;
  grid-column: 1/span 6;
  display: block;
  margin: 0;
}
html.phone-landscape #band.seated #position b {
  display: block;
  font-size: 18px;
  line-height: 18px;
}
html.phone-landscape #band.seated #position span {
  display: block;
  line-height: 1.1;
}
html.phone-landscape #band #sentence {
  grid-area: auto;
  grid-row: 1;
  grid-column: 7/span 6;
  min-height: 40px;
  max-width: 100%;
  font-size: 18px;
  line-height: 1.1;
  padding: 0;
}
html.phone-landscape #band.seated #timeRow {
  grid-area: auto;
  grid-row: 2;
  grid-column: 1/span 4;
  position: static;
  left: auto;
  bottom: auto;
  width: auto;
}
html.phone-landscape #band.seated #exchange {
  grid-area: auto;
  grid-row: 2;
  grid-column: 5/span 3;
  width: 88px;
}
html.phone-landscape #band.seated :is(#stand, #hCellReturn) {
  grid-area: auto;
  grid-row: 2;
  grid-column: 8/span 2;
}
html.phone-landscape #band.seated #audience {
  grid-area: auto;
  grid-row: 2;
  grid-column: 10/span 3;
}
html.phone-landscape[data-foot="1"] #band.seated #position {
  grid-column: 7/span 6;
}
html.phone-landscape[data-foot="1"] #band #sentence {
  grid-column: 1/span 6;
}
html.phone-landscape #footPlan {
  padding-top: 80px;
}
html.phone-landscape #plan {
  top: 80px;
  height: calc(100% - 80px);
}
html.phone-landscape #planControls {
  top: 80px;
}
html.phone-landscape #band.seated #position span {
  font-size: 11px;
  line-height: 11px;
  white-space: pre;
}
#bandIn {
  grid-template-columns: minmax(0, 1fr) 330px;
  grid-template-rows: minmax(0, 1fr) var(--title-height,26px);
}
#footCaption {
  grid-column: 1;
  grid-row: 1;
  height: auto;
}
#footPlan {
  grid-column: 2;
  grid-row: 1;
  padding-top: 0 !important;
  border-top: 0;
}
#plan,
#planControls {
  inset: 0 !important;
  width: 100%;
  height: 100%;
}
#titleBlock {
  grid-column: 1/-1;
  grid-row: 2;
  position: relative;
  inset: auto !important;
  margin: 0;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  min-width: 0;
  border-top: 1px solid var(--hair);
  font: 400 11px/1.2 var(--sans);
}
#titleBlock .title-mode {
  display: block;
  margin: 0;
  font: inherit;
  flex: none;
}
#titleBlock .title-declaration {
  display: none !important;
}
#modeLine {
  letter-spacing: 0;
  font: inherit;
  text-transform: none;
}
#titleBlock #positionNote {
  position: static;
  inset: auto;
  margin: 0;
  font: inherit;
  flex: 1;
  min-width: 0;
  pointer-events: auto;
  white-space: nowrap;
}
#titleBlock .title-keys {
  display: flex;
  align-items: center;
  flex: none;
  gap: 12px;
}
#titleBlock button,
#titleBlock a {
  font: 400 11px/1.2 var(--sans);
  min-height: 20px;
  white-space: nowrap;
}
#titleBlock #materialLegend {
  bottom: 28px;
}
#band #footCaption {
  grid-template-columns: minmax(180px, 1fr) minmax(270px, 1.7fr) 46px 62px 125px;
  grid-template-areas: "position sentence exchange stand audience" "position time exchange stand audience";
  gap: 0 14px;
}
#band.seated #position {
  display: flex;
  gap: 8px;
  margin: 0;
  align-items: center;
}
#band.seated #position span {
  white-space: normal;
  line-height: 1.25;
  font: 400 11px/1.25 var(--sans);
}
#band.seated #positionNote {
  grid-area: auto;
}
#exchange {
  width: 44px;
  grid-template-columns: 22px 22px;
  min-width: 44px;
  min-height: 44px;
}
#exchange .ex {
  width: 22px;
  height: 44px;
  line-height: 42px;
}
#exchange .exl {
  display: none;
}
:is(#stand, #hCellReturn),
#audience {
  min-width: 44px;
  min-height: 44px;
}
#band.seated #quiet:not(:empty) {
  grid-area: time;
  align-self: center;
  position: relative;
  inset: auto;
  width: 100%;
  z-index: 2;
  background: var(--paper);
  font: 400 15px/1.15 var(--sans);
}
#band.seated #inputStatus {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 1px;
  background: var(--paper);
  z-index: 4;
}
@media (max-width: 599px) and (orientation: portrait) {
  #bandIn {
    grid-template-columns: 1fr;
    grid-template-rows: var(--caption-height) var(--plan-height) var(--title-height);
  }
  #footCaption {
    grid-column: 1;
    grid-row: 1;
  }
  #footPlan {
    grid-column: 1;
    grid-row: 2;
    border-left: 0;
    border-top: 1px solid var(--hair);
  }
  #titleBlock {
    grid-column: 1;
    grid-row: 3;
    padding: 0 10px;
    gap: 6px;
  }
  #titleBlock .title-keys {
    gap: 6px;
  }
  #band #footCaption {
    padding: 2px 12px;
    grid-template-columns: minmax(0, 1fr) 44px 51px 119px;
    grid-template-rows: 22px 30px minmax(51px, 1fr);
    grid-template-areas: "position position position position" "sentence sentence sentence sentence" "time exchange stand audience";
    gap: 0 6px;
    align-items: center;
  }
  #band.seated #position {
    white-space: nowrap;
    display: flex;
    gap: 7px;
  }
  #band.seated #position b {
    display: inline;
    font-size: 20px;
    line-height: 22px;
  }
  #band.seated #position span {
    display: inline;
    white-space: nowrap;
    font: 400 11px/1.2 var(--sans);
  }
  #band #sentence {
    min-height: 28px;
    font-size: 18px;
    padding: 0;
  }
  #band.seated #quiet:not(:empty) {
    grid-area: time;
    font-size: 15px;
  }
  #band.seated #inputStatus {
    left: 12px;
    right: 12px;
  }
  #band.seated #titleBlock #positionNote {
    visibility: visible;
  }
  #timeNote {
    white-space: normal;
  }
}
html.phone-landscape #bandIn {
  grid-template-columns: 1fr;
  grid-template-rows: var(--caption-height) minmax(0, 1fr) var(--title-height);
}
html.phone-landscape #footCaption {
  grid-column: 1;
  grid-row: 1;
  height: auto;
}
html.phone-landscape #footPlan {
  grid-column: 1;
  grid-row: 2;
  padding-top: 0 !important;
  border-left: 0;
  border-top: 1px solid var(--hair);
}
html.phone-landscape #titleBlock {
  grid-column: 1;
  grid-row: 3;
  padding: 0 8px;
  gap: 6px;
}
html.phone-landscape #titleBlock .title-keys {
  gap: 6px;
}
html.phone-landscape #band #footCaption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px 51px 119px;
  grid-template-rows: 22px 30px minmax(51px, 1fr);
  grid-template-areas: "position position position position" "sentence sentence sentence sentence" "time exchange stand audience";
  gap: 0 6px;
  padding: 2px 8px;
}
html.phone-landscape #band.seated #listen,
html.phone-landscape #band.seated #seated {
  display: contents;
}
html.phone-landscape #band.seated #position {
  grid-area: position;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
html.phone-landscape #band.seated #position b {
  display: inline;
  font-size: 20px;
  line-height: 24px;
}
html.phone-landscape #band.seated #position span {
  display: inline;
  white-space: nowrap;
  font: 400 11px/1.2 var(--sans);
}
html.phone-landscape #band #sentence {
  grid-area: sentence;
  min-height: 30px;
  font-size: 18px;
  line-height: 1.15;
}
html.phone-landscape #band.seated #timeRow {
  grid-area: time;
  position: static;
  inset: auto;
  width: auto;
}
html.phone-landscape #band.seated #exchange {
  grid-area: exchange;
  width: 44px;
}
html.phone-landscape #band.seated :is(#stand, #hCellReturn) {
  grid-area: stand;
}
html.phone-landscape #band.seated #audience {
  grid-area: audience;
}
html.phone-landscape #band.seated #quiet:not(:empty) {
  grid-area: time;
  position: relative;
  inset: auto;
  font-size: 15px;
}
html.phone-landscape #titleBlock #positionNote {
  position: static;
  inset: auto;
}
#plan,
#planControls {
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 599px) and (orientation: portrait) {
  #titleBlock {
    padding: 0 4px;
    gap: 4px;
  }
  #titleBlock .title-keys {
    gap: 4px;
  }
}
html.phone-landscape #titleBlock {
  padding: 0 3px;
  gap: 4px;
}
html.phone-landscape #titleBlock .title-keys {
  gap: 4px;
}
@media (min-width: 1000px) {
  #band #footCaption {
    padding: 8px 20px;
    display: grid;
    grid-template-columns: minmax(215px, 1fr) minmax(360px, 1.35fr) 44px 62px 132px;
    grid-template-rows: 54px 51px;
    grid-template-areas: "position sentence exchange stand audience" "position time exchange stand audience";
    column-gap: 14px;
    row-gap: 2px;
    align-content: center;
    align-items: center;
  }
  #band.seated #position {
    display: block;
    margin: 0;
    align-self: center;
  }
  #band.seated #position b {
    display: block;
    font: 500 28px/1.1 var(--sans);
    margin: 0 0 4px;
  }
  #band.seated #position span {
    display: block;
    font: 400 15px/1.25 var(--sans);
    white-space: normal;
  }
  #band #sentence {
    font-size: 18px;
    min-height: 44px;
  }
  #band.seated #timeRow {
    width: 100%;
    min-width: 360px;
    align-self: start;
  }
  #band.seated #exchange,
  #band.seated :is(#stand, #hCellReturn),
  #band.seated #audience {
    align-self: center;
  }
}
@media (min-width: 1000px) and (max-width: 1238px) {
  #bandIn {
    grid-template-columns: minmax(0, 1fr) clamp(200px, calc(100% - 780px), 330px);
  }
  #band #footCaption {
    grid-template-columns: minmax(180px, 1fr) minmax(360px, 1.35fr) 44px 82px;
    grid-template-rows: 54px 51px;
    grid-template-areas: "position sentence exchange stand" "position time audience audience";
  }
  #band.seated #audience {
    justify-self: stretch;
  }
}
@media (min-width: 600px) and (max-width: 999px) {
  html.phone-foot #bandIn {
    grid-template-columns: 1fr;
    grid-template-rows: var(--caption-height) var(--plan-height) var(--title-height);
  }
  html.phone-foot #footCaption {
    grid-column: 1;
    grid-row: 1;
  }
  html.phone-foot #footPlan {
    grid-column: 1;
    grid-row: 2;
    border-left: 0;
    border-top: 1px solid var(--hair);
  }
  html.phone-foot #titleBlock {
    grid-column: 1;
    grid-row: 3;
    padding: 0 4px;
    gap: 4px;
  }
  html.phone-foot #titleBlock .title-keys {
    gap: 4px;
  }
  html.phone-foot #band #footCaption {
    padding: 2px 12px;
    grid-template-columns: minmax(0, 1fr) 44px 51px 119px;
    grid-template-rows: 22px 30px minmax(51px, 1fr);
    grid-template-areas: "position position position position" "sentence sentence sentence sentence" "time exchange stand audience";
    gap: 0 6px;
    align-items: center;
  }
  html.phone-foot #band.seated #position {
    white-space: nowrap;
    display: flex;
    gap: 7px;
  }
  html.phone-foot #band.seated #position b {
    display: inline;
    font-size: 20px;
    line-height: 22px;
  }
  html.phone-foot #band.seated #position span {
    display: inline;
    white-space: nowrap;
    font: 400 11px/1.2 var(--sans);
  }
  html.phone-foot #band #sentence {
    min-height: 28px;
    font-size: 18px;
    padding: 0;
  }
  html.phone-foot #band.seated #quiet:not(:empty) {
    grid-area: time;
    font-size: 15px;
  }
  html.phone-foot #band.seated #inputStatus {
    left: 12px;
    right: 12px;
  }
  html.phone-foot #band.seated #titleBlock #positionNote {
    visibility: visible;
  }
  html.phone-foot #timeNote {
    white-space: normal;
  }
}
#band #listen {
  display: contents;
  margin: 0;
}
#band #sentence {
  grid-area: sentence;
}
#positionGroup {
  grid-area: position;
  min-width: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}
:where(html.phone-landscape, html.phone-foot.plate-short) #band.seated #positionGroup #position {
  grid-area: auto;
}
#band #positionGroup #quiet:not(:empty) {
  display: block;
  position: static;
  inset: auto;
  grid-area: auto;
  margin: 4px 0 0;
  width: auto;
  font: 400 15px/1.15 var(--sans);
  background: transparent;
}
#band .has-notice #position span {
  display: none;
}
#timeRow {
  visibility: visible;
  grid-template-rows: 24px 27px;
}
#timeNote {
  height: 27px;
  min-height: 27px;
  line-height: 13.2px;
}
#leafRow {
  position: absolute;
  left: 0;
  right: 0;
  top: -34px;
  height: 0;
  margin: 0;
}
.ear-plan-mark:focus-visible {
  outline: none;
  background: transparent;
}
#titleBlock {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scroll-padding: 2px;
}
#titleMeta {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 24px;
  min-width: 0;
}
#titleMeta #positionNote {
  flex: 1;
  min-width: 0;
  white-space: normal;
}
#titleBlock #materialLegend {
  position: static;
  inset: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  max-width: none;
  margin: 4px 0;
  padding: 0;
  background: transparent;
}
#titleBlock #materialLegend[hidden] {
  display: none;
}
#titleBlock .class-swatch {
  white-space: normal;
}
html.phone-foot #positionGroup,
html.phone-landscape #positionGroup {
  display: flex;
  align-items: center;
  gap: 7px;
}
html.phone-foot #positionGroup #quiet:not(:empty),
html.phone-landscape #positionGroup #quiet:not(:empty) {
  margin: 0;
  min-width: 0;
}
html.phone-foot #titleMeta,
html.phone-landscape #titleMeta {
  gap: 4px;
}
html.phone-foot #titleBlock #materialLegend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px 8px;
}
html.phone-foot #titleBlock #materialLegend[hidden] {
  display: none;
}
#band:not(.seated) #standing {
  position: absolute;
  left: 20px;
  bottom: 8px;
  margin: 0;
}
html.phone-foot #band:not(.seated) #standing,
html.phone-landscape #band:not(.seated) #standing {
  left: 12px;
  bottom: 4px;
}
#titleMeta {
  flex-wrap: wrap;
}
#titleMeta .title-mode,
#titleMeta #positionNote {
  min-width: 0;
}
#noticeDetail {
  margin: 4px 0;
  font: 400 13px/1.3 var(--sans);
  white-space: normal;
}
#timeNote {
  white-space: pre-line;
  overflow-wrap: normal;
}
#titleBlock:focus-visible {
  outline-offset: -2px;
}
#titleBlock #inputStatus {
  position: static;
  inset: auto;
  margin: 4px 0;
  padding: 0;
  background: transparent;
  font: 400 13px/1.3 var(--sans);
  white-space: normal;
}
#titleBlock #positionNote {
  visibility: visible;
}
html.d31-seats {
  --foot-height:min(200px,26svh);
  --ground:var(--foot-height);
}
@media (min-height: 760px) {
  html.d31-seats {
    --foot-height:200px;
  }
}
html.d31-seats #band {
  top: calc(100svh - var(--foot-height));
  height: var(--foot-height);
  max-height: none;
  overflow: visible;
  box-shadow: 0 -1px 0 var(--hair);
  scroll-padding: 0;
}
html.d31-seats #band #bandIn {
  position: relative;
  height: 100%;
  padding: 0 18px;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.35fr) minmax(190px, .8fr);
  grid-template-rows: 1fr;
  gap: 0 22px;
}
html.d31-seats #band #footCaption,
html.d31-seats #band #listen,
html.d31-seats #band #seated {
  display: contents;
}
html.d31-seats #band #positionGroup {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  min-width: 0;
  height: 100%;
  padding: 6px 0 0;
  max-height: none;
  overflow: visible;
}
html.d31-seats #band #position {
  display: block;
  margin: 0;
  white-space: normal;
  max-width: none;
}
html.d31-seats #band #position b {
  display: block;
  margin: 0 0 3px;
  font: 500 28px/28px var(--sans);
  letter-spacing: 0;
}
html.d31-seats #band #position span {
  display: block;
  font: 400 14px/17px var(--sans);
  white-space: pre-line;
}
html.d31-seats #band #currentSeatChoice {
  display: none;
}
html.d31-seats #band #sentence {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  box-sizing: border-box;
  min-width: 0;
  min-height: 44px;
  height: 44px;
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 8px;
  font: 400 20px/21px var(--sans);
  letter-spacing: 0;
}
html.d31-seats #band #sentence q {
  overflow-wrap: normal;
  quotes: none;
}
html.d31-seats #band #sentence .play {
  flex: none;
  box-sizing: content-box;
  width: 12px;
  height: 14px;
  margin: 0 6px;
  border: 0;
  background: var(--ink);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
html.d31-seats #band #sentence[data-command=pause] .play {
  clip-path: none;
  background:
    linear-gradient(
      90deg,
      var(--ink) 0 4px,
      transparent 4px 8px,
      var(--ink) 8px 12px);
}
html.d31-seats #band #sentence[aria-pressed=true] q {
  text-decoration: none;
}
html.d31-seats #band #soundSummary {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  margin-bottom: 44px;
  height: 16px;
  font: 400 14px/16px var(--sans);
  color: var(--soft);
  white-space: normal;
}
html.d31-seats #band #soundSummary.notice {
  color: var(--ink);
}
html.d31-seats #band #moreKey {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 150px;
  width: 150px;
  min-height: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  cursor: pointer;
  font: 400 14px/16px var(--sans);
  border-bottom: 1px solid var(--hair);
  background: var(--paper);
  z-index: 2;
}
html.d31-seats #band #moreKey[aria-expanded=true] {
  text-decoration: underline;
  text-underline-offset: 5px;
}
html.d31-seats #band #moreKey:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats #band #timeRow {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  position: relative;
  inset: auto;
  width: 100%;
  height: calc(100% - 44px);
  min-height: 76px;
  min-width: 0;
  max-width: none;
  display: block;
  visibility: visible;
}
html.d31-seats #band #soundDrawing {
  position: absolute;
  inset: 1px 0 14px;
  pointer-events: none;
}
html.d31-seats #soundEnvelope {
  display: block;
  width: 100%;
  height: 100%;
}
html.d31-seats #envelopePlayhead {
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 19px;
  width: 1px;
  background: var(--ink);
}
html.d31-seats #band #time {
  position: absolute;
  inset: 1px 0 14px;
  height: calc(100% - 15px);
  min-height: 44px;
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent;
}
html.d31-seats #band #time::-webkit-slider-runnable-track {
  border: 0;
  height: 100%;
  background: none !important;
}
html.d31-seats #band #time::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 2px;
  height: 100%;
  margin-top: 0;
  background: transparent;
  border: 0;
}
html.d31-seats #band #time:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats #band #timeNote {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 14px;
  min-height: 0;
  margin: 0;
  font: 400 14px/14px var(--sans);
  white-space: nowrap;
  pointer-events: none;
  background: var(--paper);
}
html.d31-seats #envelopeAxis {
  display: none;
}
html.d31-seats #band #timeNote:empty {
  display: none;
}
html.d31-seats #band #timeRow.hatched #soundDrawing {
  background:
    repeating-linear-gradient(
      135deg,
      transparent 0 5px,
      rgba(42, 34, 25, .08) 5px 6px);
}
html.d31-seats #band #exchange {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  position: static;
  inset: auto;
  width: 100%;
  min-width: 300px;
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  height: 44px;
  min-height: 44px;
  gap: 0;
  align-items: stretch;
  cursor: default;
}
html.d31-seats #band #exchange button {
  appearance: none;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid var(--ink);
  border-radius: 0;
  margin: 0;
  min-width: 150px;
  min-height: 44px;
  display: grid;
  align-content: center;
  text-align: center;
  cursor: pointer;
  font: 400 14px/16px var(--sans);
  padding: 0 4px;
  color: var(--ink);
}
html.d31-seats #band #exchange button + button {
  border-left: 0;
}
html.d31-seats #band #exchange small {
  display: block;
  font: inherit;
}
html.d31-seats #band #exchange [aria-pressed=true] {
  background: var(--ink);
  color: var(--paper);
}
html.d31-seats #band #exchange button:disabled {
  opacity: 1;
  cursor: default;
  border-style: dashed;
}
html.d31-seats #band #exchange button:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -4px;
}
html.d31-seats #band #seatActions {
  display: none;
}
html.d31-seats #band :is(#stand, #hCellReturn),
html.d31-seats #band #audience {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  min-height: 44px;
  min-width: 44px;
  display: grid;
  place-content: center;
  font: 400 14px/16px var(--sans);
  border-bottom: 1px solid var(--hair);
  padding: 0 3px;
}
html.d31-seats #band :is(#stand, #hCellReturn):focus-visible,
html.d31-seats #band #audience:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats #band #footPlan {
  grid-column: 3;
  grid-row: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0;
  padding: 0 !important;
  overflow: visible;
}
html.d31-seats #band #plan,
html.d31-seats #band #planControls {
  position: absolute;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0;
  border: 0;
  box-shadow: none;
}
html.d31-seats #planChoices {
  display: none;
}
html.d31-seats #band #footOptions {
  position: absolute;
  inset: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(44px, auto);
  gap: 0 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  background: var(--paper);
  z-index: 1;
}
html.d31-seats #band #footOptions > a,
html.d31-seats #band #footOptions > button {
  all: unset;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  display: grid;
  place-content: center;
  cursor: pointer;
  font: 400 14px/16px var(--sans);
  border-bottom: 1px solid var(--hair);
}
html.d31-seats #band #footOptions > a:focus-visible,
html.d31-seats #band #footOptions > button:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats #band #titleBlock {
  grid-column: 1/-1;
  grid-row: auto;
  position: static;
  inset: auto !important;
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  display: block;
  border: 0;
  overflow: visible;
  white-space: normal;
  font: 400 14px/17px var(--sans);
}
html.d31-seats #band #titleMeta {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 3px;
  min-height: 0;
}
html.d31-seats #band #titleMeta p,
html.d31-seats #band #positionNote {
  margin: 0;
  font: inherit;
  white-space: normal;
}
html.d31-seats #band #titleBlock .title-keys {
  display: flex;
  gap: 8px;
}
html.d31-seats #band #titleBlock button,
html.d31-seats #band #titleBlock a {
  min-height: 44px;
  min-width: 44px;
  font: inherit;
}
html.d31-seats #band #titleBlock .title-declaration {
  display: none !important;
}
html.d31-seats #band #materialLegend {
  position: static;
  inset: auto;
  display: flex;
  flex-wrap: wrap;
  font: 400 14px/17px var(--sans);
  background: transparent;
  padding: 0;
}
html.d31-seats #band #noticeDetail,
html.d31-seats #band #inputStatus,
html.d31-seats #band #quiet {
  position: static;
  inset: auto;
  grid-column: 1/-1;
  width: auto;
  background: transparent;
  margin: 0;
  font: 400 14px/17px var(--sans);
}
html.d31-seats #band #leafRow {
  grid-area: auto;
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  height: 0;
  margin: 0;
}
html.d31-seats #leafF {
  left: 0;
  width: 44px;
  min-width: 44px;
  pointer-events: none;
}
html.d31-seats #leafF::-webkit-slider-runnable-track {
  width: 44px;
  background: linear-gradient(var(--hair), var(--hair)) center/1px 100% no-repeat;
}
html.d31-seats #leafF::-webkit-slider-thumb {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(var(--ink), var(--ink)) center/20px 1px no-repeat;
}
html.d31-seats #planeLabel {
  position: absolute;
  left: 36px;
  z-index: 1;
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  padding: 1px 4px;
  background: var(--paper);
  font: 400 14px/18px var(--sans);
  white-space: nowrap;
}
html.d31-seats #planeLabel::before {
  content: "";
  position: absolute;
  inset: -13px -8px -13px -36px;
}
html.d31-seats #planeLabel.hint {
  white-space: normal;
  max-width: min(520px, calc(var(--picture-width,100vw) - 48px));
}
html.d31-seats #planeLabel.held,
html.d31-seats #stage.pullnear #planeLabel {
  box-shadow: 0 0 0 1px var(--ink);
}
html.d31-seats #planeLabel.held {
  cursor: grabbing;
}
html.d31-seats #stage.seated.pullnear {
  cursor: grab;
}
html.d31-seats #stage.seated.pulling {
  cursor: grabbing;
}
html.d31-seats #stage.pullnear #leafF::-webkit-slider-thumb,
html.d31-seats #stage.pulling #leafF::-webkit-slider-thumb {
  background-size: 26px 2px;
}
html.d31-seats #seatTags {
  position: fixed;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
}
html.d31-seats .ear-seat-tag {
  appearance: none;
  position: absolute;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: var(--ink);
  margin: 0;
  padding: 0;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  text-align: left;
  font: 400 14px/18px var(--sans);
  pointer-events: auto;
  touch-action: none;
  cursor: pointer;
  transform: none;
}
html.d31-seats .ear-seat-tag[data-flag-side=left] {
  justify-content: flex-end;
}
html.d31-seats .ear-seat-tag[data-flag-side=right] {
  justify-content: flex-start;
}
html.d31-seats .ear-seat-tag .ear-seat-ink {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--paper);
  padding: 1px 3px;
}
html.d31-seats .ear-seat-tag .ear-seat-name {
  font: 400 14px/18px var(--sans);
  white-space: nowrap;
}
html.d31-seats .ear-seat-tag .ear-seat-code {
  font: 400 11px/14px var(--mono);
  color: var(--soft);
  white-space: nowrap;
}
html.d31-seats .ear-seat-tag .ear-seat-distance {
  position: absolute;
  left: 20px;
  bottom: 0;
  padding: 0 3px;
  display: none;
  font: 400 14px/18px var(--sans);
  background: var(--paper);
  white-space: nowrap;
}
html.d31-seats .ear-seat-tag:is([data-seat-ui=pointed], [data-seat-ui=focused], :focus-visible) .ear-seat-distance {
  display: block;
}
html.d31-seats .ear-seat-tag:is([data-seat-ui=pointed], [data-seat-ui=focused], :focus-visible) .ear-seat-ink {
  transform: translateY(-8px);
}
html.d31-seats .ear-seat-tag[data-seat-ui=travelling] .ear-seat-name {
  text-decoration: underline dashed;
  text-underline-offset: 3px;
}
html.d31-seats .ear-seat-tag[data-seat-ui=seated] .ear-seat-name {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html.d31-seats .ear-seat-tag[data-seat-ui=pressed] .ear-seat-play {
  font-weight: 500;
}
html.d31-seats .ear-seat-tag:focus-visible {
  outline: none;
}
html.d31-seats .ear-seat-tag:focus-visible .ear-seat-ink {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats .ear-seat-choice {
  font: 400 14px/18px var(--sans);
}
html.d31-seats .ear-seat-choice[data-choice-mode=marks] {
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
  background: transparent;
  display: grid;
  place-content: center;
}
html.d31-seats .ear-seat-choice[data-choice-mode=marks] .ear-seat-name,
html.d31-seats .ear-seat-choice[data-choice-mode=marks] .ear-seat-code,
html.d31-seats .ear-seat-choice[data-choice-mode=marks] .ear-seat-distance {
  display: none;
}
html.d31-seats .ear-seat-choice:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
  background: transparent;
}
html.d31-seats[data-foot="1"] #band #positionGroup,
html.d31-seats[data-foot="1"] #band #sentence,
html.d31-seats[data-foot="1"] #band #soundSummary {
  grid-column: 3;
}
html.d31-seats[data-foot="1"] #band #footPlan {
  grid-column: 1;
}
@media (max-width: 999px) and (min-height: 600px), (max-width: 999px) and (orientation: portrait) {
  html.d31-seats {
    --foot-height:min(248px,calc(60svh - 100px));
  }
  html.d31-seats[data-view=seat] {
    --foot-height:min(348px,60svh);
  }
  html.d31-seats #band #bandIn {
    padding: 0 12px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 44px 176px minmax(0, 1fr);
    gap: 0;
  }
  html.d31-seats #band #positionGroup,
  html.d31-seats #band #listen,
  html.d31-seats #band #footPlan {
    display: contents;
  }
  html.d31-seats #band #position,
  html.d31-seats #band #seatActions {
    display: none;
  }
  html.d31-seats #band #sentence {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    height: 44px;
  }
  html.d31-seats #band #planChoices {
    grid-column: 1;
    grid-row: 2;
    height: 176px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 44px);
    gap: 0;
  }
  html.d31-seats #band #plan,
  html.d31-seats #band #planControls {
    display: none;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    grid-template-rows: 28px 14px;
    column-gap: 6px;
    align-items: center;
    justify-items: start;
    padding: 1px 0;
    margin: 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-play {
    grid-column: 1;
    grid-row: 1;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-name {
    grid-column: 2;
    grid-row: 1;
    font: 400 28px/28px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-code {
    grid-column: 3;
    grid-row: 1;
    font: 400 11px/14px var(--mono);
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-distance {
    grid-column: 2/4;
    grid-row: 2;
    font: 400 14px/14px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats[data-view=seat] #band #bandIn {
    grid-template-rows: 56px 44px 44px 14px minmax(90px, 1fr) 44px;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice {
    display: block;
    grid-column: 1;
    grid-row: 1;
    position: relative;
    width: 100%;
    height: 56px;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    min-height: 44px;
    min-width: 44px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    grid-template-rows: 28px 28px;
    column-gap: 6px;
    align-items: center;
    justify-items: start;
    padding: 1px 0;
    margin: 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-name {
    grid-column: 2;
    grid-row: 1;
    font: 500 28px/28px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-play {
    grid-column: 1;
    grid-row: 1;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-code {
    grid-column: 3;
    grid-row: 1;
    font: 400 11px/14px var(--mono);
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-distance {
    grid-column: 2/4;
    grid-row: 2;
    font: 400 14px/14px var(--sans);
    white-space: normal;
  }
  html.d31-seats[data-view=seat] #band #planChoices {
    grid-column: 1;
    grid-row: 2;
    height: 44px;
    width: calc(100% - 154px);
    display: grid;
    grid-template-columns: repeat(3, minmax(44px, 1fr));
    grid-template-rows: 44px;
    gap: 0;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-choice {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-distance {
    display: none;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-code {
    display: none;
  }
  html.d31-seats[data-view=seat] #band #moreKey {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    align-self: start;
    position: relative;
    inset: auto;
    width: 150px;
    min-width: 150px;
    height: 44px;
  }
  html.d31-seats[data-view=seat] #band #sentence {
    grid-column: 1;
    grid-row: 3;
  }
  html.d31-seats[data-view=seat] #band #soundSummary {
    grid-column: 1;
    grid-row: 4;
    align-self: stretch;
    margin: 0;
    height: 14px;
    font: 400 14px/14px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats[data-view=seat] #band #timeRow {
    grid-column: 1;
    grid-row: 5;
    align-self: stretch;
    height: 100%;
    min-height: 90px;
  }
  html.d31-seats[data-view=seat] #band #soundDrawing {
    inset: 0 0 14px;
  }
  html.d31-seats[data-view=seat] #band #time {
    inset: 0 0 14px;
    height: calc(100% - 14px);
  }
  html.d31-seats[data-view=seat] #band #exchange {
    grid-column: 1;
    grid-row: 6;
    align-self: stretch;
    height: 44px;
  }
  html.d31-seats #seatTags .ear-seat-tag {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 999px) and (max-height: 599px), (max-width: 599px) and (max-height: 599px) and (min-aspect-ratio: 5/4) {
  html.d31-seats {
    --picture-width:55vw;
  }
  html.d31-seats #band {
    left: 55%;
    right: 0;
    top: 0;
    width: 45%;
    height: 100svh;
  }
  html.d31-seats #band #bandIn {
    padding: 0 6px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 84px 44px 44px 176px minmax(0, 1fr);
    gap: 0;
  }
  html.d31-seats #band #positionGroup,
  html.d31-seats #band #listen,
  html.d31-seats #band #footPlan {
    display: contents;
  }
  html.d31-seats #band #position,
  html.d31-seats #band #seatActions {
    display: none;
  }
  html.d31-seats #band #sentence {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
    height: 44px;
  }
  html.d31-seats #band #planChoices {
    grid-column: 1;
    grid-row: 4;
    width: 100%;
    height: 176px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 44px);
  }
  html.d31-seats #band #plan,
  html.d31-seats #band #planControls {
    display: none;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-rows: 28px 14px;
    column-gap: 4px;
    padding: 1px 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-name {
    grid-column: 2;
    grid-row: 1;
    font: 400 28px/28px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-play {
    grid-column: 1;
    grid-row: 1;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-code {
    display: none;
  }
  html.d31-seats #band .ear-seat-choice[data-choice-mode=lines] .ear-seat-distance {
    grid-column: 2;
    grid-row: 2;
    font: 400 14px/14px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats[data-view=seat] #band #bandIn {
    grid-template-rows: 84px 44px 44px 14px minmax(86px, 1fr) 44px;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice {
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 84px;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    height: 84px;
    min-height: 44px;
    min-width: 44px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-rows: 56px 28px;
    gap: 0 4px;
    padding: 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-name {
    grid-column: 2;
    grid-row: 1;
    font: 500 28px/28px var(--sans);
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-play {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-code {
    display: none;
  }
  html.d31-seats[data-view=seat] #band #currentSeatChoice .ear-seat-distance {
    grid-column: 2;
    grid-row: 2;
    font: 400 14px/14px var(--sans);
    white-space: normal;
  }
  html.d31-seats[data-view=seat] #band #planChoices {
    grid-column: 1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(44px, 1fr));
    grid-template-rows: 44px;
    align-self: stretch;
    width: calc(100% - 108px);
    height: 44px;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-choice {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    min-width: 44px;
    min-height: 44px;
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0;
    background: transparent;
    border: 0;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-distance {
    display: none;
  }
  html.d31-seats[data-view=seat] #band #planChoices .ear-seat-code {
    display: none;
  }
  html.d31-seats[data-view=seat] #band #moreKey {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    align-self: start;
    width: 104px;
    min-width: 104px;
    font: 400 14px/14px var(--sans);
    text-align: center;
  }
  html.d31-seats[data-view=seat] #band #sentence {
    grid-column: 1;
    grid-row: 3;
    align-self: stretch;
    height: 44px;
  }
  html.d31-seats[data-view=seat] #band #soundSummary {
    grid-column: 1;
    grid-row: 4;
    align-self: stretch;
    margin: 0;
    height: 14px;
    font: 400 14px/14px var(--sans);
  }
  html.d31-seats[data-view=seat] #band #timeRow {
    grid-column: 1;
    grid-row: 5;
    align-self: stretch;
    height: 100%;
    min-height: 86px;
  }
  html.d31-seats[data-view=seat] #band #soundDrawing {
    inset: 0 0 14px;
  }
  html.d31-seats[data-view=seat] #band #time {
    inset: 0 0 14px;
    height: calc(100% - 14px);
  }
  html.d31-seats[data-view=seat] #band #exchange {
    grid-column: 1;
    grid-row: 6;
    align-self: stretch;
    height: 44px;
  }
  html.d31-seats #seatTags .ear-seat-tag {
    display: none;
  }
}
@media (max-width: 693px) {
  html.d31-seats.phone-landscape[data-view=seat] #band #bandIn {
    grid-template-rows: 84px 44px 44px 14px minmax(86px, 1fr) 88px;
  }
  html.d31-seats.phone-landscape #band #exchange {
    width: 150px;
    min-width: 150px;
    grid-template-columns: 150px;
    grid-template-rows: 44px 44px;
    height: 88px;
  }
  html.d31-seats.phone-landscape #band #exchange button + button {
    border-left: 1px solid var(--ink);
    border-top: 0;
  }
}
html.d31-seats[data-view=seat] #band #planChoices .ear-seat-choice .ear-seat-name {
  display: block;
  font: 400 14px/14px var(--sans);
  white-space: normal;
  text-align: left;
}
html.d31-seats[data-view=seat] #band #planChoices .ear-seat-choice {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 0 2px;
}
html.d31-seats #sentence .voiceCopy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
html.d31-seats #voiceCredit {
  font: 400 14px/14px var(--sans);
  color: var(--soft);
}
html.d31-seats #envelopeKey {
  position: absolute;
  inset: 0;
  pointer-events: none;
  font: 400 14px/14px var(--sans);
}
html.d31-seats #envelopeKey span {
  position: absolute;
  left: 3px;
  padding: 1px 3px;
  background: var(--paper);
  color: var(--soft);
}
html.d31-seats #envelopeCurrent {
  top: 0;
}
html.d31-seats #envelopeReference {
  bottom: 21px;
}
html.d31-seats #envelopeKey span[data-heard=true] {
  color: var(--ink);
}
html.d31-seats #band #positionGroup {
  pointer-events: none;
}
html.d31-seats #band #positionGroup button {
  pointer-events: auto;
}
html.d31-seats #band #positionGroup {
  padding-bottom: 44px;
}
html.d31-seats #theatreTitle {
  display: grid;
  align-content: start;
  gap: 1px;
  margin: 0;
  padding: 5px 0 0;
  min-height: 44px;
  font: 400 15px/18px var(--sans);
  letter-spacing: 0;
}
html.d31-seats #theatreTitle small {
  font: 400 14px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats[data-view=seat] #theatreTitle {
  display: none;
}
html.d31-seats #band #seatActions {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  position: relative;
  inset: auto;
  width: 100%;
  height: 44px;
  min-height: 44px;
  gap: 0;
  z-index: 3;
  background: var(--paper);
}
html.d31-seats #band #seatActions :is(:is(#stand, #hCellReturn), #moreKey, #door, .view-key) {
  box-sizing: border-box;
  position: static;
  inset: auto;
  flex: 1 1 0;
  display: grid;
  place-content: center;
  min-width: 44px;
  width: auto;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 0 4px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  font: 400 15px/17px var(--sans);
  letter-spacing: 0;
  text-transform: none;
  border: 0;
  border-bottom: 1px solid var(--hair);
  background: var(--paper);
  color: var(--ink);
  text-decoration: none;
  cursor: pointer;
}
html.d31-seats #band #seatActions :is(:is(#stand, #hCellReturn), #moreKey, #door, .view-key):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats #band #seatActions #moreKey[aria-expanded=true] {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html.d31-seats #band #footOptions {
  grid-auto-rows: minmax(44px, auto);
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
}
html.d31-seats #band #footOptions :is(a, button:not(.choice), p, .title-mode, .title-keys) {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.d31-seats #band #titleBlock .title-keys {
  flex-wrap: wrap;
}
#register {
  height: 100svh;
  min-height: 100svh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scroll-padding-top: 12px;
  scrollbar-gutter: stable;
  padding-top: 72px;
}
#register[inert] {
  visibility: hidden;
}
#methodClose {
  position: fixed;
  top: 12px;
  right: var(--pad);
  z-index: 10;
  box-sizing: border-box;
  min-height: 44px;
  min-width: 150px;
  max-width: calc(100% - 2 * var(--pad));
  padding: 0 10px;
  display: grid;
  place-content: center;
  border: 0;
  border-bottom: 1px solid var(--ink);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  font: 400 15px/18px var(--sans);
  cursor: pointer;
}
#methodClose:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}
html.reading-register:not(.method-opening) #stage,
html.reading-register:not(.method-opening) #seatTags {
  visibility: hidden;
}
@media (max-width: 999px) and (min-height: 600px), (max-width: 999px) and (orientation: portrait) {
  html.d31-seats {
    --foot-height:min(308px,60svh);
  }
  html.d31-seats[data-view=seat] {
    --foot-height:min(348px,60svh);
  }
  html.d31-seats #band #bandIn {
    grid-template-rows: 44px 44px 176px 44px;
    padding: 0 12px;
  }
  html.d31-seats #band #theatreTitle {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    padding: 3px 0 0;
  }
  html.d31-seats #band #sentence {
    grid-row: 2;
  }
  html.d31-seats #band #planChoices {
    grid-row: 3;
  }
  html.d31-seats #band #seatActions {
    display: flex;
    grid-column: 1;
    grid-row: 4;
    align-self: stretch;
    position: relative;
    inset: auto;
  }
  html.d31-seats #band #footOptions {
    inset: 0 0 44px;
    width: 100%;
    height: auto;
    padding: 0 6px;
    z-index: 2;
  }
  html.d31-seats[data-view=seat] #band #bandIn {
    grid-template-rows: 56px 44px 44px 14px minmax(90px, 1fr) 44px 44px;
  }
  html.d31-seats[data-view=seat] #band #planChoices {
    grid-row: 2;
    width: 100%;
  }
  html.d31-seats[data-view=seat] #band #sentence {
    grid-row: 3;
  }
  html.d31-seats[data-view=seat] #band #seatActions {
    display: flex;
    grid-row: 7;
  }
  html.d31-seats #band #seatActions #moreKey {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    align-self: auto;
  }
}
@media (min-width: 600px) and (max-width: 999px) and (max-height: 599px), (max-width: 599px) and (max-height: 599px) and (min-aspect-ratio: 5/4) {
  html.d31-seats #band {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-bottom: 48px;
  }
  html.d31-seats #band #bandIn {
    height: auto;
    min-height: 100%;
    padding: 0 6px 44px;
    grid-template-rows: 44px minmax(44px, auto) 176px;
  }
  html.d31-seats #band #theatreTitle {
    grid-column: 1;
    grid-row: 1;
    padding: 3px 0 0;
  }
  html.d31-seats #band #sentence {
    grid-row: 2;
    height: auto;
    min-height: 44px;
  }
  html.d31-seats #band #planChoices {
    grid-row: 3;
  }
  html.d31-seats #band #seatActions {
    display: flex;
    position: fixed;
    top: auto;
    bottom: 0;
    left: var(--picture-width);
    right: 0;
    width: auto;
    height: 44px;
    padding: 0 6px;
  }
  html.d31-seats #band #footOptions {
    position: fixed;
    top: 0;
    bottom: 44px;
    left: var(--picture-width);
    right: 0;
    width: auto;
    height: auto;
    padding: 0 6px;
    z-index: 2;
  }
  html.d31-seats[data-view=seat] #band #bandIn {
    grid-template-rows: 84px 44px minmax(44px, auto) 14px 90px 44px;
  }
  html.d31-seats[data-view=seat] #band #planChoices {
    grid-row: 2;
    width: 100%;
  }
  html.d31-seats[data-view=seat] #band #sentence {
    grid-row: 3;
  }
  html.d31-seats[data-view=seat] #band #timeRow {
    grid-row: 5;
    height: 90px;
    min-height: 90px;
  }
  html.d31-seats[data-view=seat] #band #exchange {
    grid-row: 6;
  }
  html.d31-seats #band #seatActions #moreKey {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
    align-self: auto;
  }
}
@media (max-width: 693px) {
  html.d31-seats.phone-landscape[data-view=seat] #band #bandIn {
    grid-template-rows: 84px 44px minmax(44px, auto) 14px 90px 88px;
  }
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #position {
  display: none;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #timeRow {
  position: relative;
  inset: auto;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundDrawing {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 28px minmax(0, 1fr);
  inset: 0 0 14px;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundEnvelope {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  align-self: stretch;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey {
  position: static;
  inset: auto;
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-rows: 14px 14px;
  min-width: 0;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey span {
  position: static;
  inset: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background: none;
  font: 400 14px/14px var(--sans);
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #time {
  inset: 28px 0 14px;
  height: calc(100% - 42px);
  min-height: 44px;
}
html.d31-seats.phone-foot[data-view=seat] {
  --foot-height:min(444px,60svh);
}
html.d31-seats.phone-foot[data-view=seat] #band #bandIn {
  grid-template-rows: 60px 44px 44px 14px minmax(86px, 1fr) 44px 44px;
}
html.d31-seats.phone-foot[data-view=seat] #band #currentSeatChoice {
  height: 60px;
}
html.d31-seats.phone-foot[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
  height: 60px;
  grid-template-rows: 28px minmax(0, 1fr);
  padding: 1px 0;
}
html.d31-seats.phone-foot[data-view=seat] #band #currentSeatChoice .ear-seat-distance {
  min-width: 0;
  line-height: 14px;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.d31-seats.phone-foot[data-view=seat] #band #timeRow {
  height: 100%;
  min-height: 86px;
}
html.d31-seats.phone-landscape[data-view=seat] #band #bandIn {
  grid-template-rows: 84px 44px minmax(44px, auto) 14px 170px 44px;
}
html.d31-seats.phone-landscape[data-view=seat] #band #timeRow {
  height: 170px;
  min-height: 170px;
}
@media (max-width: 693px) {
  html.d31-seats.phone-landscape[data-view=seat] #band #bandIn {
    grid-template-rows: 84px 44px minmax(44px, auto) 14px 170px 88px;
  }
}
html.d31-seats #band #footOptions :is(#moreSoundSummary, #moreSeatDetails) {
  grid-column: 1/-1;
  min-height: 0;
  margin: 0;
  padding: 4px 0;
  font: 400 14px/17px var(--sans);
  white-space: pre-line;
}
html.d31-seats.phone-foot:not(.compact-foot) {
  --foot-height:calc(min(444px,60svh) - 12px);
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] {
  --foot-height:min(444px,60svh);
}
html.d31-seats.phone-foot #band #bandIn {
  grid-template-rows: 44px 44px minmax(176px, 1fr) 44px;
}
html.d31-seats.phone-foot #band #theatreTitle {
  grid-column: 1;
  grid-row: 1;
  height: 44px;
  min-height: 44px;
  padding: 3px 0 0;
}
html.d31-seats.phone-foot #band #sentence {
  grid-column: 1;
  grid-row: 2;
  align-self: stretch;
  height: 44px;
  min-height: 44px;
}
html.d31-seats.phone-foot #band #planChoices {
  grid-column: 1;
  grid-row: 3;
}
html.d31-seats.phone-foot #band #seatActions {
  grid-column: 1;
  grid-row: 4;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #bandIn {
  grid-template-rows: 56px 44px 14px minmax(174px, 1fr) 44px 44px 44px;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #currentSeatChoice {
  height: 56px;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
  height: 56px;
  grid-template-rows: 28px 28px;
  padding: 0;
}
html.d31-seats.phone-foot[data-view=seat] #band #sentence {
  grid-row: 2;
}
html.d31-seats.phone-foot[data-view=seat] #band #soundSummary {
  grid-row: 3;
}
html.d31-seats.phone-foot[data-view=seat] #band #timeRow {
  grid-row: 4;
  height: 100%;
  min-height: 174px;
}
html.d31-seats.phone-foot[data-view=seat] #band #planChoices {
  grid-row: 5;
  width: 100%;
}
html.d31-seats.phone-foot[data-view=seat] #band #exchange {
  grid-row: 6;
}
html.d31-seats.phone-foot[data-view=seat] #band #seatActions {
  grid-row: 7;
}
html.d31-seats.compact-foot.phone-foot {
  --foot-height:min(322px,60svh);
}
html.d31-seats.compact-foot.phone-foot[data-view=seat] #band #bandIn {
  grid-template-rows: 44px 44px 14px minmax(88px, 1fr) 44px 44px 44px;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice {
  height: 44px;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
  height: 44px;
  min-height: 44px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  grid-template-rows: 44px;
  column-gap: 6px;
  padding: 0;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice :is(.ear-seat-name, .ear-seat-play, .ear-seat-code) {
  grid-row: 1;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice .ear-seat-name {
  grid-column: 2;
  white-space: nowrap;
  font: 500 28px/28px var(--sans);
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice .ear-seat-code {
  display: block;
  grid-column: 3;
  font: 400 11px/14px var(--mono);
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice .ear-seat-distance {
  display: none;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundSummary:not(.notice) {
  visibility: hidden;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundDrawing {
  grid-template-rows: 14px minmax(0, 1fr);
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey {
  display: flex;
  align-items: start;
  column-gap: 3px;
  grid-template-rows: none;
  white-space: nowrap;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey span {
  flex: none;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #time {
  inset: 14px 0 14px;
  height: calc(100% - 28px);
  min-height: 44px;
}
html.d31-seats.compact-foot.phone-foot[data-view=seat] #band #timeRow {
  min-height: 88px;
}
html.d31-seats.compact-foot.phone-landscape #band #bandIn {
  grid-template-rows: 44px 44px 176px;
}
html.d31-seats.compact-foot.phone-landscape #band #theatreTitle {
  grid-column: 1;
  grid-row: 1;
  height: 44px;
  min-height: 44px;
  padding: 3px 0 0;
}
html.d31-seats.compact-foot.phone-landscape #band #sentence {
  grid-column: 1;
  grid-row: 2;
  align-self: stretch;
  height: 44px;
  min-height: 44px;
}
html.d31-seats.compact-foot.phone-landscape #band #planChoices {
  grid-row: 3;
}
html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #bandIn {
  grid-template-rows: 44px 44px 14px 88px 44px 44px;
}
html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #soundSummary {
  grid-row: 3;
}
html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #timeRow {
  grid-row: 4;
  height: 88px;
  min-height: 88px;
}
html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #planChoices {
  grid-row: 5;
  width: 100%;
}
html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #exchange {
  grid-row: 6;
}
@media (max-width: 693px) {
  html.d31-seats.compact-foot.phone-landscape[data-view=seat] #band #bandIn {
    grid-template-rows: 44px 44px 14px 88px 44px 88px;
  }
}
html.d31-seats:is(.phone-foot, .phone-landscape) #band #footOptions {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 3;
  align-self: stretch;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  grid-auto-rows: max-content;
  z-index: 2;
}
html.d31-seats:is(.phone-foot, .phone-landscape)[data-view=seat] #band #footOptions {
  grid-row: 4/6;
}
html.d31-seats #band #footOptions #audience {
  grid-area: auto;
}
html.d31-seats #band #titleBlock #inputKey {
  border-bottom-color: var(--hair);
}
html.d31-seats #band #titleBlock #inputKey[aria-pressed=true] {
  border-bottom-color: currentColor;
}
html.d31-seats.more-open:not(.more-opening):is(.phone-foot, .phone-landscape)[data-view=seat] #band #timeRow {
  visibility: hidden;
}
html.d31-seats #band #footOptions {
  background:
    linear-gradient(var(--paper) 40%, rgba(241, 237, 232, 0)) top/100% 24px no-repeat local,
    linear-gradient(rgba(241, 237, 232, 0), var(--paper) 60%) bottom/100% 24px no-repeat local,
    linear-gradient(rgba(42, 34, 25, .3), rgba(42, 34, 25, 0)) top/100% 9px no-repeat scroll,
    linear-gradient(rgba(42, 34, 25, 0), rgba(42, 34, 25, .3)) bottom/100% 9px no-repeat scroll,
    var(--paper);
}
html.d31-seats #band #footOptions #moreCredit {
  display: none;
  grid-column: 1/-1;
  min-height: 0;
  margin: 0;
  padding: 4px 0;
  font: 400 14px/17px var(--sans);
}
html.d31-seats:is(.phone-foot, .phone-landscape) #band #footOptions #moreCredit {
  display: block;
}
html.d31-seats #voiceRecording {
  display: none;
  font: 400 14px/14px var(--sans);
  color: var(--soft);
}
html.d31-seats:not(.phone-foot, .phone-landscape) #voiceRecording {
  display: block;
}
html.d31-seats:not(.phone-foot, .phone-landscape) #band #sentence {
  height: auto;
}
@media (min-height: 760px) {
  html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #bandIn {
    grid-template-rows: 56px minmax(44px, auto) 14px minmax(174px, 1fr) 44px 44px 44px;
  }
  html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #sentence {
    height: auto;
    padding: 4px 0;
  }
  html.d31-seats.phone-foot:not(.compact-foot) #voiceRecording {
    display: block;
  }
  html.d31-seats.phone-foot:not(.compact-foot) #band #footOptions #moreCredit {
    display: none;
  }
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
  padding: 0 6px;
  align-items: center;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #currentSeatChoice .ear-seat-choice {
  padding: 0 6px;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #currentSeatChoice .ear-seat-choice:focus-visible {
  outline-offset: 0;
}
html.d31-seats.phone-foot:not(.compact-foot)[data-view=seat] #band #currentSeatChoice .ear-seat-distance {
  text-align: left;
}
html.d31-seats .ear-seat-choice[data-choice-mode=marks][data-seat-ui=seated] .ear-seat-play {
  visibility: hidden;
}
html.d31-seats .ear-seat-choice[data-choice-mode=marks]:focus-visible {
  outline: none;
}
@media (min-width: 1000px) {
  html.d31-seats[data-view=overlook]:not([data-foot="1"]) #band #positionGroup {
    grid-column: 1/3;
  }
  html.d31-seats #theatreTitle {
    gap: 2px;
    padding: 6px 0 0;
    font: 500 32px/36px var(--sans);
    letter-spacing: -.01em;
  }
  html.d31-seats #theatreTitle small {
    font: 400 15px/20px var(--sans);
    letter-spacing: 0;
    color: var(--ink);
  }
  html.d31-seats[data-view=overlook] #band #sentence {
    margin-top: 22px;
    font-weight: 500;
  }
}
html.d31-seats.phone-foot:not([data-view=seat]) #band #bandIn {
  grid-template-rows: minmax(44px, max-content) 44px minmax(176px, 1fr) 44px;
}
html.d31-seats.compact-foot.phone-landscape:not([data-view=seat]) #band #bandIn {
  grid-template-rows: minmax(44px, max-content) 44px 176px;
}
html.d31-seats.phone-foot:not([data-view=seat]) #band #theatreTitle,
html.d31-seats.compact-foot.phone-landscape:not([data-view=seat]) #band #theatreTitle {
  height: auto;
}
html.d31-seats .name {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  min-height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 0;
  border-radius: 0;
  background: none;
  padding: 0;
  color: var(--ink);
  font: inherit;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
html.d31-seats .name[hidden] {
  display: none;
}
html.d31-seats .name b {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-color: var(--faint);
}
html.d31-seats .name .when {
  margin-top: 3px;
  font: 400 13px/16px var(--sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--soft);
}
html.d31-seats:is(.phone-foot, .phone-landscape) .name .when {
  font-size: 11px;
  line-height: 14px;
}
html.d31-seats .name:hover b {
  text-decoration-color: currentColor;
}
html.d31-seats .name[aria-pressed=true] b {
  text-decoration-thickness: 2px;
  text-decoration-color: currentColor;
}
html.d31-seats #stage[data-name-pressed=true]:is([data-name-pressed]) .name[aria-pressed=false] b {
  color: var(--soft);
}
html.d31-seats .name:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}
html.d31-seats .ear-seat-tag[data-sat=true] .ear-seat-code::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  background: var(--ink);
  vertical-align: 1px;
}
html.d31-seats .ear-seat-tag[data-sat=true] .ear-seat-distance::before {
  content: "you sat here \b7  ";
}
html.d31-seats:is(.phone-foot, .phone-landscape) #gauge .lab {
  display: none;
}
html.d31-seats.compact-foot.phone-foot .name .when {
  display: none;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #timeNote {
  top: -14px;
  bottom: auto;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundSummary.notice + #seated #timeNote {
  top: auto;
  bottom: 0;
}
html.d31-seats:is(.phone-foot, .phone-landscape) #band #footOptions #titleBlock {
  padding-top: 8px;
}
html.d31-seats #band #position b small {
  margin-left: 9px;
  font: 400 11px/14px var(--mono);
  letter-spacing: 0;
  color: var(--soft);
}
html.d31-seats:not(.phone-foot, .phone-landscape) #band #soundSummary {
  grid-column: 2;
  height: 14px;
  font: 400 14px/14px var(--sans);
  white-space: nowrap;
  overflow: hidden;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #sentence {
  align-self: end;
  margin-bottom: 56px;
}
html.d31-seats #band #sentence[data-retry=true] q {
  text-decoration: underline;
  text-underline-offset: 2px;
}
html.d31-seats[data-view=seat] #band #planChoices {
  column-gap: 8px;
}
html.d31-seats #band #footOptions .more-note {
  min-width: 0;
  margin: 0;
  padding: 2px 0 8px;
  font: 400 14px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats #band #footOptions #audienceNote {
  grid-column: 1;
}
html.d31-seats #band #footOptions #motionNote {
  grid-column: 2;
}
html.d31-seats #band #titleBlock .title-mode {
  padding-bottom: 8px;
}
#register #account {
  max-width: 36rem;
}
#register #account p {
  max-width: none;
  margin: 0 0 18px;
  font: 400 17px/1.55 var(--sans);
}
#register #account p.lede {
  font-size: 20px;
  line-height: 1.45;
}
#register #registerHead {
  max-width: none;
  margin: 72px 0 30px;
  padding-top: 26px;
  border-top: 1px solid var(--ink);
}
#register .register-title {
  max-width: none;
  margin: 0 0 28px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
}
@media (max-width: 599px) {
  #register #account p.lede {
    font-size: 18px;
  }
  #register #registerHead {
    margin-top: 56px;
  }
  #register .register-title {
    font-size: 26px;
  }
}
html.d31-seats.phone-foot:not(.compact-foot) .name .when {
  min-height: 28px;
}
html.d31-seats.compact-foot.phone-foot .name {
  justify-content: flex-start;
}
#arrivalNote {
  display: inline-block;
  min-width: 9.5em;
  margin-left: .5em;
  font: inherit;
  color: var(--soft);
}
html.d31-seats.compact-foot.phone-foot .name .when {
  display: block;
  min-height: 14px;
}
html.d31-seats.compact-foot:is(.phone-foot, .phone-landscape) .name .when {
  font: 400 11px/14px var(--sans);
}
html.d31-seats.compact-foot.phone-foot .name b {
  line-height: 17px;
}
html.d31-seats.compact-foot.phone-foot .name .when {
  margin-top: 0;
}
html.d31-seats .ear-seat-choice[data-sat=true] .ear-seat-code::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 7px;
  background: var(--ink);
  vertical-align: 1px;
}
html.d31-seats #band #footOptions {
  background: var(--paper);
}
html.d31-seats.phone-foot:not(.compact-foot) #band #currentSeatChoice .ear-seat-choice {
  padding: 3px 6px;
}
html.d31-seats.phone-foot:not(.compact-foot) #band #currentSeatChoice .ear-seat-distance {
  line-height: 16px;
}
html.d31-seats[data-view=overlook] #band #leafRow {
  top: -44px;
  height: 44px;
}
html.d31-seats #leaf {
  top: 0;
  height: 44px;
  min-height: 44px;
}
html.d31-seats #leaf::-webkit-slider-runnable-track {
  height: 44px;
}
html.d31-seats #leaf::-webkit-slider-thumb {
  width: 44px;
  height: 44px;
  background-position: center 10px, center 30px;
}
html.d31-seats #leaf::-moz-range-track {
  height: 44px;
  background: transparent;
}
html.d31-seats #leaf::-moz-range-thumb {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(var(--ink), var(--ink)) center 10px/1.5px 20px no-repeat, linear-gradient(var(--ink), var(--ink)) center 30px/13px 1.5px no-repeat;
}
html:is(.reading-register, .method-closing) #methodClose {
  top: 0;
  left: var(--pad);
  right: auto;
  height: 56px;
  min-height: 56px;
}
html:is(.reading-register, .method-closing) #register {
  clip-path: inset(56px 0 0);
  scroll-padding-top: 72px;
}
html.reading-register:not(.method-opening) #band,
html.reading-register:not(.method-opening) #band * {
  visibility: hidden !important;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band {
  top: calc(100svh - min(234px, 28svh));
  height: min(234px, 28svh);
  overflow-x: hidden;
  overflow-y: auto;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #bandIn {
  grid-template-rows: auto auto minmax(114px, 1fr) 44px;
  row-gap: 2px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #listen,
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #seated {
  display: contents;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #positionGroup,
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #footPlan,
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #seatActions {
  grid-row: 1/-1;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #sentence {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  align-self: start;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #quiet {
  grid-column: 1;
  grid-row: 1/-1;
  align-self: end;
  position: static;
  inset: auto;
  margin: 0 0 48px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat][data-foot="1"] #band #quiet {
  grid-column: 3;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #soundSummary {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  position: static;
  margin: 0;
  height: auto;
  white-space: normal;
  overflow: visible;
  line-height: 17px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #timeRow {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  height: 100%;
  min-height: 114px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #soundDrawing {
  inset: 0 0 14px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey {
  inset: auto 0 19px;
  display: flex;
  column-gap: 12px;
  min-height: 16px;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey span {
  position: static;
  inset: auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #time {
  inset: 0 0 14px;
  height: calc(100% - 14px);
}
html.d31-seats:not(.phone-foot, .phone-landscape)[data-view=seat] #band #exchange {
  grid-column: 2;
  grid-row: 4;
}
html.d31-seats[data-view] .ear-seat-tag[data-sat=true] .ear-seat-code::after,
html.d31-seats[data-view] .ear-seat-choice[data-sat=true] .ear-seat-code::after {
  width: 7px;
  height: 7px;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 50%;
  vertical-align: 0;
}
html.d31-seats[data-view] .ear-seat-choice[data-seat-ui=seated] .ear-seat-play,
html.d31-seats[data-view] .ear-seat-tag[data-seat-ui=seated] .ear-seat-play {
  visibility: hidden;
}
html.d31-seats[data-view] #band #seatActions {
  gap: 0;
  min-height: 44px;
  height: auto;
  padding-bottom: 8px;
  box-sizing: border-box;
}
html.d31-seats[data-view] #band #seatActions :is(#audience, #returnStage) {
  box-sizing: border-box;
  position: static;
  inset: auto;
  flex: 1 1 0;
  display: grid;
  place-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 3px 4px;
  border: 0;
  border-bottom: 1px solid var(--hair);
  background: var(--paper);
  font: 400 14px/17px var(--sans);
  color: var(--ink);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
}
html.d31-seats[data-view] #band #seatActions :is(#audience, #returnStage):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats[data-view] #band #seatActions button:disabled {
  opacity: .45;
  cursor: default;
}
html.d31-seats[data-view] #band #soundSummary {
  visibility: visible;
  min-height: 17px;
  white-space: normal;
  overflow: visible;
  line-height: 17px;
}
html.d31-seats[data-view] #band #timeRow {
  padding-bottom: 22px;
  min-height: 160px;
  box-sizing: border-box;
}
html.d31-seats[data-view] #band #soundDrawing {
  position: absolute;
  inset: 0 0 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(28px, max-content) minmax(110px, 1fr);
}
html.d31-seats[data-view] #band #envelopeKey,
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape) #band #envelopeKey,
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #envelopeKey,
html.d31-seats[data-view].compact-foot:is(.phone-foot, .phone-landscape) #band #envelopeKey {
  position: static;
  inset: auto;
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(28px, max-content);
  align-content: start;
  align-items: start;
  gap: 2px 8px;
  min-width: 0;
  min-height: 28px;
  margin: 0;
  padding: 0;
  white-space: normal;
  pointer-events: none;
}
html.d31-seats[data-view] #band #envelopeKey span,
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape) #band #envelopeKey span,
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #envelopeKey span,
html.d31-seats[data-view].compact-foot:is(.phone-foot, .phone-landscape) #band #envelopeKey span {
  position: static;
  inset: auto;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  background: none;
  font: 400 13px/14px var(--sans);
}
html.d31-seats[data-view] #band #soundEnvelope {
  position: static;
  inset: auto;
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  height: 100%;
  min-height: 110px;
}
html.d31-seats[data-view] #band #time {
  top: 28px;
  right: 0;
  bottom: 22px;
  left: 0;
  height: calc(100% - 50px);
  min-height: 44px;
}
html.d31-seats[data-view] #band #timeNote {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 17px;
  margin: 0;
  padding: 0;
  font: 400 13px/17px var(--sans);
}
html.d31-seats[data-view] #band #footOptions {
  position: absolute;
  inset: 0 0 52px;
  grid-area: auto;
  width: 100%;
  height: auto;
  max-height: none;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  z-index: 5;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 8px 16px 20px;
  background: var(--paper);
  box-shadow: 0 -1px var(--hair);
}
html.d31-seats[data-view] #band #footOptions[hidden] {
  display: none;
}
html.d31-seats[data-view] #band #footOptions :is(button:not(.choice), p, #titleBlock, #titleMeta) {
  position: static;
  inset: auto;
  grid-area: auto;
  flex: none;
  width: 100%;
  height: auto;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.d31-seats[data-view] #band #footOptions button:not(.choice) {
  min-height: 44px;
  padding: 8px 0;
  text-align: left;
}
html.d31-seats[data-view] #band #footOptions .more-note {
  padding: 0 0 16px;
  min-height: 0;
  font: 400 14px/18px var(--sans);
}
html.d31-seats[data-view] #band #footOptions #titleBlock {
  padding: 0;
}
html.d31-seats[data-view] #band #footOptions #titleMeta {
  display: block;
}
html.d31-seats[data-view] #band #footOptions .title-mode {
  position: static;
  margin: 0 0 16px;
  font: 400 14px/18px var(--sans);
}
html.d31-seats[data-view] #band #footOptions .title-keys {
  display: block;
}
html.d31-seats[data-view] #band #footOptions :is(#moreSeatDetails, #moreCredit, #moreSoundSummary) {
  padding: 4px 0 12px;
  font: 400 14px/18px var(--sans);
}
html.d31-seats[data-view] #band #footOptions .more-scroll-hint {
  position: sticky;
  top: -8px;
  z-index: 1;
  padding: 6px 0;
  background: var(--paper);
  font: 400 12px/16px var(--sans);
  color: var(--soft);
  border-bottom: 1px solid var(--hair);
}
html.d31-seats[data-view]:is(.more-open, .more-closing) #band #footOptions {
  visibility: visible;
}
html.d31-seats[data-view].more-open:not(.more-opening) #band #timeRow {
  visibility: hidden;
}
html.d31-seats[data-view] #materialLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 6px 0 12px;
  font: 400 14px/18px var(--sans);
}
html.d31-seats[data-view] #materialLegend[hidden] {
  display: none;
}
html.d31-seats[data-view] #materialLegend .class-swatch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 22px;
}
html.d31-seats[data-view] #materialLegend .class-swatch i {
  flex: none;
  width: 22px;
  height: 14px;
  border: 1px solid rgba(83, 80, 78, .55);
}
html.d31-seats[data-view] #materialLegend [data-pid="2"] i {
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0 3px,
      rgba(83, 80, 78, .4) 3px 4px);
}
html.d31-seats[data-view] #materialLegend [data-pid="3"] i {
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent 0 4px,
      rgba(83, 80, 78, .4) 4px 5px);
}
html.d31-seats[data-view] #materialLegend [data-pid="4"] i {
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent 0 4px,
      rgba(83, 80, 78, .4) 4px 5px);
}
html.d31-seats[data-view] #materialLegend [data-pid="5"] i {
  background-image:
    repeating-linear-gradient(
      -45deg,
      transparent 0 4px,
      rgba(83, 80, 78, .4) 4px 5px);
}
html.d31-seats[data-view] #materialLegend [data-pid="6"] i {
  background-image: radial-gradient(rgba(83, 80, 78, .55) 1px, transparent 1px);
  background-size: 5px 5px;
}
html.d31-seats[data-view] #materialLegend [data-pid="7"] i {
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0 4px,
      rgba(83, 80, 78, .4) 4px 5px),
    repeating-linear-gradient(
      90deg,
      transparent 0 5px,
      rgba(83, 80, 78, .4) 5px 6px);
}
html.d31-seats[data-view] #stage #leafRow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  height: 44px;
  display: block;
  pointer-events: none;
  z-index: 4;
}
html.d31-seats[data-view] #stage #leafRow #leaf {
  position: absolute;
  top: 0;
  height: 44px;
  min-height: 44px;
  display: block;
  pointer-events: auto;
}
html.d31-seats[data-view] #stage #leafRow[hidden],
html.d31-seats[data-view] #stage :is(#leafF, #planeLabel) {
  display: none;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) .name {
  height: auto;
  min-height: 44px;
  padding-bottom: 4px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) .name .when {
  display: block;
  min-height: 18px;
  padding: 2px 0;
  line-height: 16px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #theatreTitle {
  height: auto;
  min-height: 44px;
  font: 500 20px/23px var(--sans);
  padding: 5px 0;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band {
  overflow-x: hidden;
  overflow-y: auto;
  scroll-padding-bottom: 96px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #bandIn {
  display: grid;
  position: relative;
  height: auto;
  min-height: 100%;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(44px, auto) 88px 96px;
  gap: 4px 0;
  padding: 6px 10px 8px;
  box-sizing: border-box;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band :is(#positionGroup, #footCaption, #listen, #seated, #footPlan) {
  display: contents;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #theatreTitle {
  grid-column: 1;
  grid-row: 1;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #sentence {
  grid-column: 1;
  grid-row: 2;
  height: auto;
  min-height: 44px;
  align-self: start;
  margin: 0;
  padding: 2px 0;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices {
  grid-column: 1;
  grid-row: 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 44px 44px;
  gap: 0 8px;
  width: 100%;
  height: 88px;
  min-height: 88px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice {
  position: static;
  transform: none;
  left: auto;
  top: auto;
  width: 100%;
  height: 44px;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  grid-template-rows: 44px;
  gap: 0 4px;
  padding: 0 3px;
  align-items: center;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-name {
  grid-column: 2;
  grid-row: 1;
  font: 400 15px/17px var(--sans);
  white-space: normal;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-play {
  grid-column: 1;
  grid-row: 1;
  font-size: 11px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-code {
  grid-column: 3;
  grid-row: 1;
  display: block;
  font: 400 10px/14px var(--mono);
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-distance {
  display: none;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 1;
  grid-row: 4;
  position: relative;
  inset: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 44px;
  align-self: end;
  width: 100%;
  height: auto;
  min-height: 88px;
  padding: 0 0 8px;
  background: var(--paper);
  z-index: 6;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #seatActions :is(button, a) {
  grid-area: auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 44px;
  font: 400 14px/17px var(--sans);
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #bandIn {
  grid-template-rows: auto minmax(44px, auto) minmax(17px, auto) 134px 44px 88px 96px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #position {
  display: block;
  grid-column: 1;
  grid-row: 1;
  position: static;
  height: auto;
  min-height: 52px;
  margin: 0;
  padding: 2px 0;
  white-space: normal;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #position b {
  display: block;
  font: 500 20px/23px var(--sans);
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #position small {
  font: 400 10px/14px var(--mono);
  margin-left: 6px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #position span {
  display: block;
  font: 400 13px/16px var(--sans);
  white-space: pre-line;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundSummary {
  grid-column: 1;
  grid-row: 3;
  display: block;
  visibility: visible;
  margin: 0;
  padding: 0;
  height: auto;
  min-height: 17px;
  font: 400 13px/17px var(--sans);
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #timeRow {
  grid-column: 1;
  grid-row: 4;
  height: 134px;
  min-height: 134px;
  padding-bottom: 22px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundDrawing {
  grid-template-rows: 28px minmax(84px, 1fr);
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundEnvelope {
  min-height: 84px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #exchange {
  grid-column: 1;
  grid-row: 5;
  height: 44px;
  min-height: 44px;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #planChoices {
  grid-column: 1;
  grid-row: 6;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape)[data-view=seat] #band #seatActions {
  grid-column: 1;
  grid-row: 7;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #footOptions {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(100svh - var(--foot-height));
  bottom: 96px;
  width: auto;
  grid-area: auto;
  padding: 8px 12px 20px;
}
html.d31-seats[data-view].phone-landscape #band #footOptions {
  left: var(--picture-width);
  top: 0;
  bottom: 96px;
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape) #band #bandIn {
  position: relative;
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape)[data-view=seat] #band #timeRow {
  min-height: 160px;
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape)[data-view=seat] #band #soundDrawing {
  inset: 0 0 22px;
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape)[data-view=seat] #band #envelopeKey {
  position: static;
  inset: auto;
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape)[data-view=seat] #band #time {
  top: 28px;
  bottom: 22px;
  height: calc(100% - 50px);
}
html.d31-seats[data-view]:not(.phone-foot, .phone-landscape)[data-view=seat] #band {
  top: calc(100svh - min(320px, 40svh));
  height: min(320px, 40svh);
}
html.d31-seats[data-view].compact-foot:is(.phone-foot, .phone-landscape)[data-view=seat] #band #soundSummary:not(.notice) {
  visibility: visible;
}
html.d31-seats[data-view] #band #seatActions [hidden] {
  display: none;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band #currentSeatChoice {
  display: none;
}
html.d31-seats[data-view]:is(.phone-foot, .phone-landscape) #band :is(#plan, #planControls) {
  display: none;
}
html.d31-seats[data-view] #register .source-line {
  margin: 4px 0 16px;
  font: 400 12px/17px var(--sans);
  color: var(--soft);
  overflow-wrap: anywhere;
}
html.d31-seats[data-view]:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #band {
  --more-rail-height:96px;
}
html.d31-seats[data-view]:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #band:has(#seatActions > :nth-child(7 of :not([hidden]))) {
  --more-rail-height:140px;
}
html.d31-seats[data-view]:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #band #seatActions {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: var(--more-rail-height);
  min-height: var(--more-rail-height);
  box-sizing: border-box;
  padding: 0 10px 8px;
}
html.d31-seats[data-view]:is(.more-open, .more-closing).phone-landscape #band #seatActions {
  left: var(--picture-width);
}
html.d31-seats[data-view]:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #band #footOptions {
  bottom: var(--more-rail-height);
  padding-bottom: 44px;
  scroll-padding-bottom: 24px;
}
html.d31-seats[data-view] #band #footOptions #moreVoiceCredit {
  flex: none;
}
html.d31-seats[data-view] #register blockquote {
  overflow-wrap: anywhere;
}
#moreVoiceCredit p {
  margin: 8px 0;
}
#moreVoiceCredit a {
  text-decoration: underline;
}
html.d31-seats #seatTags,
html.d31-seats #stage > .name {
  transition: opacity .18s linear;
}
html.d31-seats[data-flight=in] #seatTags,
html.d31-seats[data-flight=out] #seatTags,
html.d31-seats[data-flight=in] #stage > .name,
html.d31-seats[data-flight=out] #stage > .name {
  opacity: 0;
  pointer-events: none;
  transition-duration: .1s;
}
html.d31-seats.plate {
  --m:28px;
  --g:24px;
  --veil-up:120px;
  --veil-down:24px;
  --veil-run:calc(var(--veil-up) + var(--veil-down));
  --key-line:rgba(42,34,25,.22);
}
html.d31-seats.plate #hearChoices {
  display: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band {
  background: none;
  box-shadow: none;
  border: 0;
  overflow: visible;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--veil-up));
  bottom: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0) 0,
      rgba(241, 237, 232, .07) calc(var(--veil-run) * .18),
      rgba(241, 237, 232, .28) calc(var(--veil-run) * .38),
      rgba(241, 237, 232, .6) calc(var(--veil-run) * .58),
      rgba(241, 237, 232, .87) calc(var(--veil-run) * .78),
      var(--paper) var(--veil-run));
  pointer-events: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #bandIn {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  height: 100%;
  padding: calc(var(--veil-down) + 6px) var(--m) 18px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 var(--g);
  transition: opacity .26s cubic-bezier(.2, 0, 0, 1), transform .26s cubic-bezier(.2, 0, 0, 1);
}
html.d31-seats.plate[data-sheet=away]:not(.phone-foot, .phone-landscape) #band #bandIn {
  opacity: 0;
  transform: translateY(8px);
  transition: none;
  pointer-events: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 6 / 13;
  align-self: end;
  justify-content: flex-end;
  position: static;
  display: flex;
  align-items: flex-end;
  gap: 0 26px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  background: none;
  box-sizing: border-box;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door) {
  all: unset;
  pointer-events: auto;
  box-sizing: border-box;
  flex: none;
  position: static;
  display: flex;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font: 400 15px/20px var(--sans);
  color: var(--ink);
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door):hover {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door):focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door)[hidden],
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #audience {
  display: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #returnStage, :is(#stand, #hCellReturn), #moreKey):disabled {
  opacity: 1;
  color: var(--faint);
  text-decoration-color: transparent;
  cursor: default;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #returnStage:disabled {
  visibility: hidden;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #moreKey[aria-expanded=true] {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  order: 8;
  position: relative;
  z-index: 6;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #door {
  order: 9;
  position: relative;
  z-index: 6;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #viewNearer {
  order: 2;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #viewBack {
  order: 3;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footPlan {
  grid-column: 10 / 13;
  grid-row: 1 / -1;
  align-self: stretch;
  margin: -10px 0 46px;
  height: auto;
  min-height: 0;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #bandIn {
  grid-template-rows: minmax(0, 1fr) 44px;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  grid-column: 1 / 10;
  grid-row: 1;
  align-self: start;
  height: auto;
  padding: 0;
  margin: 0;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #theatreTitle {
  margin: 0;
  font: 500 32px/36px var(--sans);
  letter-spacing: -.005em;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #theatreTitle small {
  display: block;
  margin: 5px 0 0;
  font: 400 15px/21px var(--sans);
  letter-spacing: 0;
  color: var(--soft);
  max-width: 68ch;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #sentence {
  grid-column: 1 / 6;
  grid-row: 2;
  align-self: end;
  width: auto;
  justify-self: start;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  gap: 10px;
  font: 500 22px/28px var(--sans);
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #sentence .play {
  margin: 0 2px 0 0;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 6 / 13;
  grid-row: 2;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #bandIn {
  grid-template-rows: 36px 78px minmax(0, 1fr) 16px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  grid-column: 1 / 4;
  grid-row: 1 / 4;
  align-self: start;
  height: auto;
  padding: 0;
  margin: 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #position b {
  display: block;
  margin: 0 0 6px;
  font: 500 32px/36px var(--sans);
  letter-spacing: -.005em;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #position b small {
  margin-left: 10px;
  font: 400 11px/14px var(--mono);
  letter-spacing: 0;
  color: var(--soft);
  vertical-align: baseline;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #position span {
  display: block;
  font: 400 15px/21px var(--sans);
  color: var(--soft);
  white-space: pre-line;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #quiet {
  grid-column: 1 / 4;
  grid-row: 3 / 5;
  align-self: end;
  position: static;
  margin: 0 0 50px;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 1 / 13;
  grid-row: 3 / 5;
  align-self: end;
  justify-content: flex-start;
  position: static;
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  margin-left: auto;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #seatActions #returnStage {
  position: fixed;
  left: var(--m);
  top: calc(var(--look-foot,100svh) - 52px);
  right: auto;
  bottom: auto;
  padding: 0 12px;
  background: var(--paper);
  box-shadow: 0 0 0 1px var(--key-line);
  text-decoration: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices {
  grid-column: 4 / 10;
  grid-row: 1;
  align-self: start;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: var(--g);
  margin: 13px 0 0;
  font: 400 13px/20px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices .choice-group:first-child {
  grid-column: 1 / 4;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices .choice-group:last-child {
  grid-column: 4 / 7;
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice-group {
  display: inline-flex;
  align-items: baseline;
  gap: 0 14px;
  white-space: nowrap;
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice-names {
  display: inline-flex;
  align-items: baseline;
  gap: 0 16px;
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice {
  all: unset;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  font: 400 15px/20px var(--sans);
  color: var(--soft);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: var(--key-line);
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice::after {
  content: "";
  position: absolute;
  inset: -12px -8px;
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice:hover {
  color: var(--ink);
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice[aria-pressed=true] {
  color: var(--ink);
  font-weight: 500;
  text-decoration-color: var(--ink);
  cursor: default;
}
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 3px;
}
html.d31-seats.plate #hearChoices #seatNames {
  position: relative;
}
@media (min-width: 1280px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices #seatNames:has(.choice[data-audience=occupied][aria-pressed=true])::after {
    content: "The figures are a picture; the full house is in the sound.";
    position: absolute;
    right: 0;
    top: -15px;
    font: 400 11px/14px var(--sans);
    letter-spacing: -.01em;
    color: var(--soft);
    white-space: nowrap;
    pointer-events: none;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence {
  grid-column: 4 / 10;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 44px;
  margin: 4px 0 0;
  padding: 0;
  font: 400 22px/28px var(--sans);
  text-align: left;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence .play {
  flex: none;
  margin: 7px 0 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence .voiceCopy {
  display: block;
  min-width: 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence q {
  display: block;
  font: 400 22px/28px var(--sans);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence #voiceCredit {
  display: block;
  margin: 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence #voiceRecording {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font: 400 11px/16px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence :is(#voiceCredit, #voiceRecording)[hidden] {
  display: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #timeRow {
  --names:calc((100% - 5 * var(--g)) / 3 + 2 * var(--g));
  grid-column: 4 / 10;
  grid-row: 3;
  align-self: stretch;
  position: relative;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 14px 0 0;
  padding: 0;
  visibility: visible;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #soundDrawing {
  position: absolute;
  inset: 0 0 0 var(--names);
  display: block;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #soundEnvelope {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #envelopeKey {
  display: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #time {
  inset: 0 0 0 var(--names);
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  min-height: 0;
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #timeNote {
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: -4px;
  width: calc(var(--names) - 12px);
  height: 18px;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: none;
  font: 400 13px/18px var(--sans);
  letter-spacing: 0;
  color: var(--soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange {
  grid-column: 4 / 10;
  grid-row: 3;
  align-self: stretch;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 8px minmax(0, 1fr);
  gap: 0;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 14px 0 0;
  padding: 0 0 18px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0 0 5px;
  border: 0;
  border-bottom: 1px solid var(--key-line);
  background: none;
  font: 400 17px/22px var(--sans);
  color: var(--soft);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange #buildingA {
  grid-row: 1;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange #buildingB {
  grid-row: 3;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button:hover {
  color: var(--ink);
  border-bottom-color: rgba(42, 34, 25, .45);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button[aria-pressed=true] {
  background: none;
  color: var(--ink);
  font-weight: 500;
  text-decoration: none;
  border-bottom-color: rgba(42, 34, 25, .62);
  cursor: default;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button:disabled {
  opacity: 1;
  color: var(--faint);
  border-bottom-color: var(--key-line);
  cursor: default;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #timeRow.hatched #soundDrawing {
  background: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #soundSummary {
  grid-column: 6 / 10;
  grid-row: 4;
  align-self: end;
  position: static;
  display: block;
  visibility: visible;
  height: 16px;
  min-height: 0;
  margin: 0;
  padding: 0;
  font: 400 11px/16px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #bandIn {
    grid-template-rows: 36px 46px minmax(0, 1fr) 16px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #sentence #voiceRecording {
    display: none;
  }
}
html.d31-seats.plate:not(.phone-foot, .phone-landscape) {
  --plate-seat:320px;
  --foot-height:200px;
}
@media (max-height: 759px) {
  html.d31-seats.plate:not(.phone-foot, .phone-landscape) {
    --plate-seat:280px;
    --foot-height:176px;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate:not(.phone-foot, .phone-landscape) {
    --plate-seat:248px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band {
  top: calc(100svh - var(--plate-seat));
  height: var(--plate-seat);
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #bandIn {
  max-width: 1680px;
  margin-inline: auto;
}
html.d31-seats.plate[data-view]:is(.more-open, .more-closing):not(.phone-foot, .phone-landscape) #band #timeRow {
  visibility: visible;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions {
  inset: -10px 0 0;
  padding: 6px 0 12px;
  box-shadow: none;
  background: var(--paper);
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions .more-scroll-hint {
  display: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions button:not(.choice) {
  font: 400 15px/20px var(--sans);
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions :is(.more-note, .title-mode) {
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate .ear-seat-tag,
html.d31-seats.plate .ear-seat-choice {
  color: var(--ink);
}
html.d31-seats.plate :is(.ear-seat-tag, .ear-seat-choice) .ear-seat-play {
  box-sizing: border-box;
  display: inline-block;
  flex: none;
  width: 9px;
  height: 9px;
  border: 1.25px solid var(--ink);
  border-radius: 50%;
  background: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
}
html.d31-seats.plate :is(.ear-seat-tag, .ear-seat-choice)[data-seat-ui=pressed] .ear-seat-play {
  background: var(--ink);
}
html.d31-seats.plate[data-view] :is(.ear-seat-tag, .ear-seat-choice)[data-seat-ui=seated] .ear-seat-play {
  visibility: visible;
  background: var(--ink);
}
html.d31-seats.plate :is(.ear-seat-tag, .ear-seat-choice)[data-seat-ui=travelling] .ear-seat-play {
  border-style: dashed;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions :is(#stand, #hCellReturn) {
  order: 1;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #returnStage:disabled {
  display: none;
}
html.d31-seats.plate #stage.seated,
html.d31-seats.plate #stage.seated.nopull {
  cursor: grab;
}
html.d31-seats.plate #stage.seated.looking {
  cursor: grabbing;
}
html.d31-seats.plate #stage.seated.flying {
  cursor: default;
}
html.d31-seats.plate #lookHint {
  position: fixed;
  left: calc(var(--m) + env(safe-area-inset-left, 0px));
  top: calc(var(--look-foot,100svh) - 14px);
  transform: translateY(-100%);
  box-sizing: border-box;
  max-width: calc(var(--picture-width,100vw) - 2 * var(--m));
  padding: 1px 8px;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  pointer-events: none;
  background: rgba(241, 237, 232, .88);
  border-radius: 9px;
}
html.d31-seats.plate #lookHint[hidden] {
  display: none;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band :is(#plan, #planControls) {
  visibility: hidden;
  pointer-events: none;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footPlan {
  position: relative;
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions {
  position: absolute;
  inset: auto 0 0 auto;
  width: min(360px, 100%);
  height: auto;
  max-height: min(440px, calc(100svh - 150px));
  padding: 14px 18px 10px;
  box-sizing: border-box;
  background: var(--paper);
  box-shadow: 0 0 0 1px var(--hair);
  z-index: 7;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #footOptions {
  max-height: min(380px, calc(100svh - 110px));
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band::before {
  transition: transform .5s cubic-bezier(.2, 0, 0, 1);
}
html.d31-seats.plate[data-sheet=away]:not(.phone-foot, .phone-landscape) #band::before {
  transform: translateY(52%);
  transition: none;
}
@media (max-width: 1180px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #position b {
    font: 500 26px/30px var(--sans);
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #timeRow {
    --names:146px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #soundSummary {
    padding-left: 146px;
  }
}
html.d31-seats.plate[data-sheet-inert=true] #band #bandIn {
  pointer-events: none;
}
html.d31-seats.plate[data-view] #stage #leafRow {
  top: 0;
  height: 0;
  transition: opacity .3s cubic-bezier(.2, 0, 0, 1);
}
html.d31-seats.plate[data-view]:is([data-flight=in], [data-flight=out]) #stage #leafRow {
  opacity: 0;
  transition: none;
}
html.d31-seats.plate[data-view] #stage #leafRow #leaf {
  pointer-events: none;
  opacity: 0;
  width: 44px !important;
  left: 0 !important;
  top: 0;
  height: 1px;
  min-height: 0;
}
html.d31-seats.plate #cutGrip {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  display: grid;
  place-items: center;
  pointer-events: auto;
  touch-action: none;
  cursor: grab;
  -webkit-tap-highlight-color: transparent;
}
html.d31-seats.plate #cutGrip[hidden],
html.d31-seats.plate #cutHint[hidden] {
  display: none;
}
html.d31-seats.plate #cutGrip::before {
  content: "";
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(42, 34, 25, .5);
  background:
    linear-gradient(
      to bottom right,
      transparent 50%,
      var(--ink) 50%) 6px 9px / 5px 5px no-repeat,
    linear-gradient(
      to top right,
      transparent 50%,
      var(--ink) 50%) 6px 14px / 5px 5px no-repeat,
    linear-gradient(
      to bottom left,
      transparent 50%,
      var(--ink) 50%) 17px 9px / 5px 5px no-repeat,
    linear-gradient(
      to top left,
      transparent 50%,
      var(--ink) 50%) 17px 14px / 5px 5px no-repeat,
    var(--paper);
  transition: border-color .12s linear, box-shadow .12s linear;
}
html.d31-seats.plate #cutGrip:hover::before {
  border-color: var(--ink);
}
html.d31-seats.plate #stage.cut-held #cutGrip::before {
  border-color: var(--ink);
  box-shadow: 0 0 0 1px var(--ink);
}
html.d31-seats.plate #stage.cut-held,
html.d31-seats.plate #stage.cut-held #cutGrip {
  cursor: grabbing;
}
html.d31-seats.plate #leaf:focus-visible + #cutGrip::before {
  outline: 1.5px solid var(--ink);
  outline-offset: 3px;
}
html.d31-seats.plate #cutHint {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1px 6px;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  white-space: nowrap;
  pointer-events: none;
  background: rgba(241, 237, 232, .88);
  border-radius: 9px;
}
html.d31-seats.plate[data-view=overlook] #stage {
  cursor: default;
}
html.d31-seats.plate #stage > .name b {
  font: 500 17px/22px var(--sans);
  font-stretch: normal;
  letter-spacing: -.005em;
}
html.d31-seats.plate #stage > .name .when {
  font: 400 13px/17px var(--sans);
  letter-spacing: 0;
  text-transform: none;
}
html.d31-seats.plate[data-view] #band #footOptions :is(#audienceMore, #motion, #readPosition, #inputKey) {
  justify-content: flex-start;
  text-align: left;
}
html.d31-seats.plate[data-view]:not(.numbers-open) #band #footOptions #audienceMore {
  display: none;
}
html.d31-seats.plate #recordLayer {
  transition: opacity .18s linear;
}
html.d31-seats.plate[data-flight=out] #recordLayer {
  opacity: 0;
  transition-duration: .1s;
}
html.d31-seats.plate[data-modality=pointer] :is(.ear-seat-choice, .ear-seat-tag, .choice, #sentence, #exchange button, #seatActions button, #seatActions a):focus-visible {
  outline: none;
}
html.d31-seats.plate:not([data-modality=keys]) #scroller:focus-visible {
  box-shadow: none;
}
html.d31-seats.plate #band #seatActions :is(button, a),
html.d31-seats.plate :is(#hearChoices, #footOptions) .choice,
html.d31-seats.plate #band #exchange button {
  transition:
    color .12s linear,
    text-decoration-color .12s linear,
    border-color .12s linear;
}
html.d31-seats.plate[data-view] #band #footOptions {
  transition: opacity .14s cubic-bezier(.2, 0, 0, 1), transform .14s cubic-bezier(.2, 0, 0, 1);
}
@starting-style {
  html.d31-seats.plate[data-view] #band #footOptions {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate #band #bandIn,
  html.d31-seats.plate #band::before,
  html.d31-seats.plate[data-view] #band #footOptions {
    transition: none !important;
  }
}
html.d31-seats.plate[data-motion=steps] #band #bandIn,
html.d31-seats.plate[data-motion=steps] #band::before,
html.d31-seats.plate[data-motion=steps][data-view] #band #footOptions {
  transition: none !important;
}
html.d31-seats.plate .ear-seat-tag.ear-seat-ring {
  border-radius: 50%;
  background: none;
  padding: 0;
  min-width: 0;
  min-height: 0;
}
html.d31-seats.plate .ear-seat-tag.ear-seat-ring > * {
  display: none;
}
html.d31-seats.plate .ear-seat-tag.ear-seat-ring:focus-visible {
  outline: none;
}
html.d31-seats.plate #seatCount {
  align-self: center;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  margin-right: -6px;
  padding-top: 1px;
}
html.d31-seats.plate #seatCount[hidden] {
  display: none;
}
html.d31-seats.plate #seatCount::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border: 1.6px solid var(--ink);
  border-radius: 50%;
  vertical-align: -1.5px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) {
  --m:16px;
  --veil-up:84px;
  --veil-down:14px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band {
  background: none;
  box-shadow: none;
  border: 0;
  overflow: visible;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--veil-up));
  bottom: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0) 0,
      rgba(241, 237, 232, .07) calc(var(--veil-run) * .18),
      rgba(241, 237, 232, .28) calc(var(--veil-run) * .38),
      rgba(241, 237, 232, .6) calc(var(--veil-run) * .58),
      rgba(241, 237, 232, .87) calc(var(--veil-run) * .78),
      var(--paper) var(--veil-run));
  pointer-events: none;
  transition: transform .5s cubic-bezier(.2, 0, 0, 1);
}
html.d31-seats.plate[data-sheet=away].plate-phone:is(.phone-foot, .phone-landscape) #band::before {
  transform: translateY(46%);
  transition: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  height: 100%;
  min-height: 0;
  padding: calc(var(--veil-down) + 6px) var(--m) calc(6px + env(safe-area-inset-bottom, 0px)) var(--m);
  transition: opacity .26s cubic-bezier(.2, 0, 0, 1), transform .26s cubic-bezier(.2, 0, 0, 1);
}
html.d31-seats.plate[data-sheet=away].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  opacity: 0;
  transform: translateY(8px);
  transition: none;
  pointer-events: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  position: static;
  inset: auto;
  display: flex;
  align-items: center;
  gap: 0 22px;
  width: auto;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  background: none;
  box-sizing: border-box;
  z-index: auto;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door) {
  all: unset;
  box-sizing: border-box;
  flex: none;
  position: static;
  display: flex;
  align-items: center;
  width: auto;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font: 400 15px/20px var(--sans);
  color: var(--ink);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #audience, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door)[hidden],
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #audience {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #returnStage, :is(#stand, #hCellReturn), #moreKey):disabled {
  opacity: 1;
  color: var(--faint);
  text-decoration-color: transparent;
  cursor: default;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  padding: 0 4px;
  margin-right: -4px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions :is(#viewNearer, #viewBack, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door):focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions :is(#stand, #hCellReturn) {
  order: 1;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #viewNearer {
  order: 2;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #viewBack {
  order: 3;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  order: 8;
  margin-left: auto;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #door {
  order: 9;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #moreKey[aria-expanded=true] {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #returnStage {
  position: fixed;
  left: calc(var(--m) + env(safe-area-inset-left, 0px));
  top: calc(var(--look-foot,100svh) - 46px - var(--look-clear,0px));
  right: auto;
  bottom: auto;
  padding: 0 10px;
  background: var(--paper);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--hair);
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #lookHint {
  top: calc(var(--look-foot,100svh) - 10px - var(--look-clear,0px));
}
html.d31-seats.plate.phone-landscape {
  --look-clear:env(safe-area-inset-bottom,0px);
}
html.d31-seats.plate:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #band #seatActions #returnStage,
html.d31-seats.plate.seats-open:is(.phone-foot, .phone-landscape) #band #seatActions #returnStage,
html.d31-seats.plate:is(.more-open, .more-closing):is(.phone-foot, .phone-landscape) #lookHint,
html.d31-seats.plate.seats-open:is(.phone-foot, .phone-landscape) #lookHint {
  display: none !important;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #returnStage:disabled {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices {
  display: flex;
  align-items: flex-end;
  gap: 0;
  box-sizing: border-box;
  width: 100%;
  height: 62px;
  min-height: 62px;
  margin: 0;
  padding: 18px 0 0;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 1 1 0;
  min-width: 38px;
  max-width: 46px;
  height: 44px;
  display: grid;
  place-content: center;
  color: var(--ink);
  cursor: pointer;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices[data-few=true] .ear-seat-choice {
  max-width: 86px;
  place-content: center start;
  padding-left: 15px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice :is(.ear-seat-name, .ear-seat-code, .ear-seat-distance) {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice .ear-seat-play {
  width: 13px;
  height: 13px;
  border-width: 1.5px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice::before {
  content: attr(data-caption);
  position: absolute;
  left: calc(50% - 7px);
  top: -17px;
  font: 400 13px/16px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  pointer-events: none;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-tier-start=true]:not(:first-child)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: var(--hair);
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -6px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices[data-few=true] .ear-seat-choice::before {
  left: 15px;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  grid-template-rows: auto 44px minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #theatreTitle {
  grid-column: 1;
  grid-row: 1;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  font: 500 20px/24px var(--sans);
  letter-spacing: -.005em;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #theatreTitle small {
  display: block;
  margin: 3px 0 0;
  font: 400 13px/18px var(--sans);
  letter-spacing: 0;
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
  justify-self: start;
  width: auto;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  gap: 10px;
  font: 500 17px/22px var(--sans);
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence .play {
  margin: 0 2px 0 0;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices {
  grid-column: 1;
  grid-row: 4;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 1;
  grid-row: 5;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  grid-template-rows: auto auto auto 102px auto minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position {
  grid-column: 1;
  grid-row: 1;
  display: block;
  position: static;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position b {
  display: block;
  margin: 0 0 2px;
  font: 500 22px/26px var(--sans);
  letter-spacing: -.005em;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position b small {
  margin-left: 8px;
  font: 400 13px/16px var(--mono);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position span {
  display: block;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: pre-line;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0 18px;
  margin: 6px 0 8px;
  font: 400 13px/22px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice-group {
  gap: 0 10px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice-group:first-child .choice-word {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice-names {
  gap: 0 13px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice {
  font: 400 14px/22px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice::after {
  inset: -12px -6px -5px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position {
  height: 64px;
  overflow: hidden;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #position .seat-detail {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices .choice {
  line-height: 22px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence {
  grid-column: 1;
  grid-row: 3;
  align-self: start;
  justify-self: start;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 44px;
  margin: 0;
  padding: 2px 0 0;
  font: 400 17px/22px var(--sans);
  text-align: left;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence .play {
  flex: none;
  margin: 4px 0 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence .voiceCopy {
  display: block;
  min-width: 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence q {
  display: block;
  font: 400 17px/22px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence #voiceCredit {
  display: block;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence #voiceCredit[hidden],
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #sentence #voiceRecording {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow {
  grid-column: 1;
  grid-row: 4;
  align-self: stretch;
  position: relative;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 4px 0 0;
  padding: 0;
  visibility: visible;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #soundDrawing {
  position: absolute;
  inset: 0;
  display: block;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #soundEnvelope {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #envelopeKey {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #time {
  inset: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  min-height: 0;
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeNote {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0 0 0 6px;
  background: var(--paper);
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  z-index: 3;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange {
  grid-column: 1;
  grid-row: 4;
  align-self: stretch;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 8px minmax(0, 1fr);
  gap: 0;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 4px 0 0;
  padding: 0 0 18px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--key-line);
  background: none;
  font: 400 15px/20px var(--sans);
  color: var(--soft);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange #buildingA {
  grid-row: 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange #buildingB {
  grid-row: 3;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button[aria-pressed=true] {
  background: none;
  color: var(--ink);
  font-weight: 500;
  text-decoration: none;
  border-bottom-color: rgba(42, 34, 25, .62);
  cursor: default;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button:disabled {
  opacity: 1;
  color: var(--faint);
  border-bottom-color: var(--key-line);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow.hatched #soundDrawing {
  background: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #soundSummary {
  grid-column: 1;
  grid-row: 5;
  display: block;
  visibility: visible;
  position: static;
  height: auto;
  min-height: 0;
  margin: 2px 0 0;
  padding: 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: normal;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices {
  grid-column: 1;
  grid-row: 7;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 1;
  grid-row: 8;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #quiet {
  grid-column: 1;
  grid-row: 6;
  align-self: end;
  position: static;
  margin: 0;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions {
  position: fixed;
  left: 0;
  right: 0;
  top: auto;
  bottom: calc(50px + env(safe-area-inset-bottom, 0px));
  width: auto;
  height: auto;
  max-height: min(70svh, 560px);
  box-sizing: border-box;
  padding: 16px var(--m) 14px;
  background: var(--paper);
  box-shadow: 0 -1px 0 var(--hair);
  z-index: 7;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions .more-scroll-hint {
  display: none;
}
html.d31-seats.plate[data-view]:is(.more-open, .more-closing).plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  position: relative;
  z-index: 8;
  height: 44px;
  min-height: 44px;
  padding: 0;
  left: auto;
  right: auto;
  bottom: auto;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape).compact-foot #band #bandIn {
  grid-template-rows: auto auto auto 98px auto minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape).compact-foot #band #position span {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.compact-foot, .plate-short) #band #position {
  height: auto;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape).compact-foot #band #hearChoices {
  margin-top: 4px;
}
html.d31-seats.plate[data-view].plate-phone.phone-landscape {
  --veil-up:56px;
  --veil-down:10px;
}
html.d31-seats.plate[data-view].plate-phone.phone-landscape #band::before {
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--veil-up));
  right: 0;
  background:
    linear-gradient(
      to right,
      rgba(241, 237, 232, 0) 0,
      rgba(241, 237, 232, .55) calc(var(--veil-up) * .55),
      var(--paper) calc(var(--veil-up) + var(--veil-down)));
}
html.d31-seats.plate[data-sheet=away].plate-phone.phone-landscape #band::before {
  transform: translateX(36%);
}
html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #bandIn {
  padding: 12px calc(14px + env(safe-area-inset-right, 0px)) calc(4px + env(safe-area-inset-bottom, 0px)) calc(var(--veil-down) + 8px);
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot #band #bandIn {
  grid-template-rows: auto auto auto 102px auto minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #exchange {
  padding: 0 0 14px;
}
html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #footOptions {
  left: var(--picture-width);
  right: 0;
  max-height: calc(100svh - 56px);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button {
  text-shadow:
    0 0 2px var(--paper),
    0 0 3px var(--paper),
    0 0 5px var(--paper),
    0 0 7px var(--paper);
}
@media (max-width: 720px) and (orientation: landscape) {
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions {
    gap: 0 14px;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions :is(#viewNearer, #viewBack, #returnStage, :is(#stand, #hCellReturn), #moreKey, #door) {
    font: 400 13px/18px var(--sans);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #sentence #voiceCredit {
    display: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #sentence q {
    font: 400 15px/20px var(--sans);
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot #band #bandIn {
  grid-template-rows: auto auto auto 90px auto minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot #band #sentence #voiceCredit {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot #band #hearChoices {
  margin: 4px 0 0;
}
html.d31-seats.plate[data-view=overlook].plate-phone.plate-short.phone-foot #band #theatreTitle small {
  margin-top: 2px;
}
@media (min-width: 700px) {
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #planChoices[data-few=true] .ear-seat-choice {
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: none;
    padding-left: 0;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #planChoices[data-few=true] .ear-seat-choice .ear-seat-name {
    display: inline;
    font: 400 15px/20px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #planChoices[data-few=true] .ear-seat-choice[data-seat-ui=seated] .ear-seat-name {
    font-weight: 500;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #planChoices[data-few=true] .ear-seat-choice::before {
    content: none;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #planChoices[data-few=true] .ear-seat-choice[data-tier-start=true]:not(:first-child)::after {
    content: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices .choice {
    font: 400 15px/22px var(--sans);
  }
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey {
  all: unset;
  box-sizing: border-box;
  grid-column: 1;
  justify-self: start;
  align-self: end;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 8px 0 0;
  font: 400 15px/20px var(--sans);
  color: var(--ink);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey[hidden] {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey::before {
  content: "";
  box-sizing: border-box;
  flex: none;
  width: 13px;
  height: 13px;
  border: 1.5px solid var(--ink);
  border-radius: 50%;
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey > span {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: var(--key-line,var(--hair));
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey[aria-expanded=true] > span {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey {
  grid-row: 4;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey {
  grid-row: 7;
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #planChoices {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: auto;
  bottom: calc(112px + env(safe-area-inset-bottom, 0px));
  width: auto;
  height: auto;
  min-height: 0;
  max-height: min(62svh, 494px);
  overflow-y: auto;
  overscroll-behavior: contain;
  box-sizing: border-box;
  margin: 0;
  padding: 4px var(--m) 12px;
  background: var(--paper);
  box-shadow: 0 -1px 0 var(--hair), 0 1px 0 var(--hair);
  z-index: 7;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice {
  all: unset;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 44px;
  padding: 0;
  color: var(--ink);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-tier-start=true] {
  margin-top: 34px;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice::before {
  content: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-tier-start=true]::before {
  content: attr(data-tier-heading);
  position: absolute;
  left: 0;
  top: -25px;
  font: 400 13px/16px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  pointer-events: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-tier-start=true]:not(:first-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -33px;
  bottom: auto;
  width: auto;
  height: 1px;
  background: var(--hair);
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice .ear-seat-name {
  display: inline;
  font: 400 15px/20px var(--sans);
  white-space: nowrap;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice .ear-seat-code {
  display: inline;
  font: 400 11px/14px var(--mono);
  color: var(--soft);
  white-space: nowrap;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice .ear-seat-distance {
  display: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-seat-ui=seated] .ear-seat-name {
  font-weight: 500;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -3px;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #seatActions {
  position: relative;
  z-index: 8;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.phone-landscape #band #planChoices {
  left: var(--picture-width);
  right: 0;
  max-height: calc(100svh - 118px);
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #seatsKey {
  position: relative;
  z-index: 8;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices::after {
  content: "Scroll for the rest.";
  position: sticky;
  bottom: -12px;
  display: none;
  box-sizing: border-box;
  height: 40px;
  margin: -40px calc(-1 * var(--m)) -12px;
  padding: 18px var(--m) 0;
  font: 400 13px/16px var(--sans);
  color: var(--soft);
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0),
      var(--paper) 42%);
  pointer-events: none;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.seats-more:is(.phone-foot, .phone-landscape) #band #planChoices::after {
  display: block;
}
html.d31-seats.plate #dataModes {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  margin-top: 6px;
}
html.d31-seats.plate #dataModes[hidden],
html.d31-seats.plate #numbersRoom[hidden] {
  display: none !important;
}
html.d31-seats.plate #dataModes > button {
  font: 400 15px/21px var(--sans);
  min-height: 44px;
}
html.d31-seats.plate #dataModes > button[aria-pressed=true] {
  text-decoration: underline;
  text-underline-offset: 4px;
}
html.d31-seats.plate #seatWall,
html.d31-seats.plate #moreSeatWall {
  margin: 5px 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #numbersRoom {
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
html.d31-seats.plate #numbersWall {
  order: -1;
  margin: 0 0 5px;
  font: 400 15px/21px var(--sans);
}
html.d31-seats.plate #numbersWall .numbers-wall-band {
  display: block;
  font: 400 11px/16px var(--mono);
}
html.d31-seats.plate #numbersRoot {
  flex: 1;
  min-height: 0;
}
html.d31-seats.plate #numbersRoom .d29-numbers-scroll {
  overflow: auto;
  overscroll-behavior: contain;
  min-height: 0;
  scrollbar-gutter: stable;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table {
  font: 400 13px/17px var(--sans);
}
html.d31-seats.plate #numbersRoom .d29-numbers-table tr[data-s014-headline=true] {
  height: 28px;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table :is(th, td) {
  padding: 3px 5px;
  vertical-align: middle;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table th {
  width: 22%;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table td:nth-child(2) {
  width: 16%;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table td:nth-child(3) {
  width: 22%;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table td.joined-zero-strip {
  width: 24%;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table td:last-child {
  width: 16%;
}
html.d31-seats.plate #numbersRoom .d29-numbers-table button {
  min-height: 24px;
  font: inherit;
}
html.d31-seats.plate #numbersRoom .numbers-numeric-s014,
html.d31-seats.plate #numbersRoom :is(.numbers-comparison-value, .numbers-absolute-value) {
  font-family: var(--mono);
  font-size: 11px;
}
html.d31-seats.plate #numbersRoom .numbers-comparison-strip-s014 {
  display: block;
}
html.d31-seats.plate #numbersRoom .numbers-controls-s014 {
  display: flex;
  align-items: center;
  gap: 0 12px;
  flex-wrap: wrap;
  min-height: 44px;
}
html.d31-seats.plate #numbersRoom :is(.numbers-controls-s014 button, #wholeStudy) {
  min-height: 44px;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate #numbersRoom .numbers-measures-s014 {
  display: none;
}
html.d31-seats.plate #numbersRoom .numbers-precision-reading-s014[data-open=false] {
  display: block;
}
html.d31-seats.plate #numbersRoom .numbers-precision-reading-s014[data-open=true] {
  display: block;
  font: 400 13px/19px var(--sans);
}
html.d31-seats.plate #numbersRoom .numbers-canonical-object {
  margin: 14px 0;
  overflow-wrap: anywhere;
}
html.d31-seats.plate #numbersRoom .numbers-canonical-object pre {
  white-space: pre-wrap;
  font: 400 11px/16px var(--mono);
}
html.d31-seats.plate #numbersRoom .numbers-theatre-plan {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html.d31-seats.plate #numbersRoom #numbersPlan {
  min-height: 140px;
  height: 180px;
  margin-top: 14px;
}
html.d31-seats.plate.numbers-open #band :is(#hearChoices, #timeRow, #soundSummary) {
  display: none !important;
}
html.d31-seats.plate.numbers-open #dataModes #sentence {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  position: static;
  display: flex;
  padding: 0;
}
html.d31-seats.plate.numbers-open #dataModes #sentence .voiceCopy {
  display: none;
}
html.d31-seats.plate.numbers-open #band #listen,
html.d31-seats.plate.numbers-open #band #seated {
  display: contents;
}
html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #numbersRoom {
  grid-column: 4 / 10;
  grid-row: 1 / 5;
  align-self: stretch;
  height: 100%;
}
html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #exchange {
  grid-column: 1 / 4;
  grid-row: 3 / 5;
  align-self: end;
  display: flex;
  gap: 8px;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  margin: 0 0 44px;
  padding: 0;
}
html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #exchange button {
  flex: 1 1 auto;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
}
@media (max-width: 1279px) {
  html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #numbersRoom {
    grid-column: 4 / 13;
  }
  html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #footPlan {
    visibility: hidden;
  }
  html.d31-seats.plate.numbers-open:is(.more-open, .more-closing):not(.phone-foot, .phone-landscape) #band #footPlan {
    visibility: visible;
  }
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #band #positionGroup {
  display: contents;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape):where(.phone-landscape, .phone-foot.plate-short) #band #seatWall {
  grid-row: 2;
  grid-column: 1;
  margin: 0;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape):where(.phone-landscape, .phone-foot.plate-short) #band #dataModes {
  grid-row: 1;
  grid-column: 1;
  justify-self: end;
  align-self: start;
  margin: 0;
  gap: 8px;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape):where(.phone-landscape, .phone-foot.plate-short) #band #position {
  padding-right: 116px;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #band #position .seat-detail {
  display: none;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom {
  grid-column: 1;
  grid-row: 3;
  align-self: stretch;
  min-height: 0;
  height: 100%;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #exchange {
  display: none;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #footPlan {
  display: none;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-table td:nth-child(2),
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .joined-zero-strip {
  display: none;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-table th {
  width: 34%;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-table td:nth-child(3) {
  width: 38%;
}
html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-table td:last-child {
  width: 28%;
}
html.d31-seats.plate #band #theatreTitle #studyOpening {
  display: block;
  margin: 4px 0 0;
  font: 400 15px/21px var(--sans);
  letter-spacing: 0;
  max-width: none;
}
html.d31-seats.plate #studyOpeningLink {
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--key-line);
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #bandIn {
  padding-top: 6px;
  grid-template-rows: minmax(0, 1fr) minmax(44px, max-content) max-content;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  grid-column: 1 / -1;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #theatreTitle small {
  max-width: none;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #sentence {
  height: auto;
}
html.d31-seats.plate.listening-set-refused[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #sentence {
  min-height: 56px;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #quiet {
  grid-column: 1 / -1;
  grid-row: 3;
  align-self: end;
  margin: 0;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate #register {
  font: 400 17px/26px var(--sans);
}
html.d31-seats.plate #register :is(#account, #methodRecord, #studyFindings) {
  width: min(68ch, calc(100% - 40px));
  margin: 28px auto;
}
html.d31-seats.plate #register h1 {
  font: 500 32px/38px var(--sans);
}
html.d31-seats.plate #register h2 {
  font: 500 22px/28px var(--sans);
}
html.d31-seats.plate #register :is(small, table, pre) {
  font-size: 13px;
  line-height: 20px;
}
html.d31-seats.plate #register table {
  width: 100%;
  border-collapse: collapse;
}
html.d31-seats.plate #register :is(td, th) {
  text-align: left;
  padding: 6px;
  border-bottom: 1px solid var(--hair);
}
html.d31-seats.plate #register pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
html.d31-seats.plate #studyPlans {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
}
html.d31-seats.plate #hCellLayer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  pointer-events: none;
}
html.d31-seats.plate #hCellLayer[hidden],
html.d31-seats.plate #hCellFoot[hidden] {
  display: none !important;
}
html.d31-seats.plate #hCellLayer .h-cell-controls {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html.d31-seats.plate #hCellLayer .h-cell-ink {
  width: 100%;
  height: 100%;
}
html.d31-seats.plate #hCellFoot {
  display: contents;
}
html.d31-seats.plate #hCellReturn {
  min-height: 44px;
}
html.d31-seats.plate.h-cell-open :is(#stone, #lines) {
  opacity: .3;
}
html.d31-seats.plate.h-cell-open :is(#recordLayer, #seatTags, #leafRow) {
  visibility: hidden;
}
html.d31-seats.plate #numbersRoom .numbers-precision-reading-s014[data-open=false] .numbers-canonical-object:not([data-context-metric=G_db]),
html.d31-seats.plate #numbersRoom .numbers-precision-reading-s014[data-open=false] :is(.d29-numbers-headline, .d29-numbers-context, .d29-numbers-notice, .d29-numbers-qualifier) {
  display: none;
}
html.d31-seats.plate #band #quiet {
  grid-column: 4 / 10;
  grid-row: 4;
  margin: 0;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate.listening-set-refused #band #quiet {
  display: block !important;
  visibility: visible;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #band #quiet {
  grid-column: 1;
  grid-row: 5;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #dataModes #sentence {
  flex: 0 0 44px;
  box-sizing: border-box;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0;
  padding: 0;
  gap: 0;
  align-self: center;
  align-items: center;
  justify-content: center;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #dataModes #sentence .voiceCopy {
  display: none;
}
html.d31-seats.plate #band #dataModes > :is(#soundKey, #numbersKey) {
  all: unset;
  pointer-events: auto;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font: 400 15px/21px var(--sans);
  color: var(--soft);
  border-bottom: 1px solid var(--key-line);
}
html.d31-seats.plate #band #dataModes > :is(#soundKey, #numbersKey)[aria-pressed=true] {
  color: var(--ink);
  border-bottom-color: var(--ink);
}
html.d31-seats.plate #band #dataModes > :is(#soundKey, #numbersKey):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate #numbersRoom #numbersRoot {
  flex: 1 1 0;
  min-height: 0;
  height: auto;
}
html.d31-seats.plate #numbersRoom #numbersToolbar {
  flex: 0 0 44px;
  min-height: 44px;
  height: 44px;
}
html.d31-seats.plate #numbersRoom #numbersToolbar .numbers-controls-s014 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 8px;
  min-height: 44px;
  height: 44px;
}
html.d31-seats.plate #numbersRoom #numbersToolbar .d29-numbers-toolbar {
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
}
html.d31-seats.plate #numbersRoom #numbersToolbar :is(button, #wholeStudy) {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  border-bottom: 1px solid var(--key-line);
  white-space: nowrap;
}
html.d31-seats.plate #numbersRoom #numbersToolbar button:disabled {
  opacity: .4;
  cursor: default;
}
html.d31-seats.plate #numbersRoom #numbersToolbar button[hidden] {
  display: none;
}
html.d31-seats.plate #numbersRoom #numbersToolbar button:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures col:nth-child(1) {
  width: 22%;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures col:nth-child(2) {
  width: 16%;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures col:nth-child(3) {
  width: 22%;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures col:nth-child(4) {
  width: 24%;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures col:nth-child(5) {
  width: 16%;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures tr[data-s014-headline=true] {
  height: 28px;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures tr[data-s014-headline=true] th button {
  min-height: 24px;
  font: 400 15px/21px var(--sans);
}
html.d31-seats.plate #numbersRoom table.joined-five-measures tr[data-s014-headline=true] :is(th, td) {
  padding: 2px 5px;
  overflow-wrap: normal;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures .numbers-precision-note {
  display: none;
}
html.d31-seats.plate #footOptions #numbersPrecision {
  flex: none;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 14px 0;
  font: 400 15px/21px var(--sans);
}
html.d31-seats.plate #footOptions #numbersPrecision[hidden] {
  display: none;
}
html.d31-seats.plate #footOptions #numbersPrecision h2 {
  margin: 0 0 12px;
  font: 500 15px/21px var(--sans);
}
html.d31-seats.plate #footOptions #numbersPrecision .numbers-canonical-object {
  margin: 14px 0;
  overflow-wrap: anywhere;
}
html.d31-seats.plate #footOptions #numbersPrecision pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 400 11px/16px var(--mono);
}
html.d31-seats.plate #footOptions #numbersPrecision #numbersPlan {
  height: 264px;
  min-height: 264px;
}
html.d31-seats.plate #footOptions #numbersPrecision .numbers-cell-precision {
  font: 400 13px/19px var(--sans);
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom table.joined-five-measures col:nth-child(1) {
  width: 34%;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom table.joined-five-measures col:nth-child(2),
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom table.joined-five-measures col:nth-child(4) {
  display: none;
  width: 0;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom table.joined-five-measures col:nth-child(3) {
  width: 38%;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom table.joined-five-measures col:nth-child(5) {
  width: 28%;
}
html.d31-seats.plate.plate-phone:is(.phone-foot, .phone-landscape) #numbersRoom #numbersToolbar :is(button, #wholeStudy) {
  font-size: 11px;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures tr[data-s014-headline=true] :is(th, td) {
  padding-top: 1px;
  padding-bottom: 1px;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures td.numbers-has-precision-miss,
html.d31-seats.plate #numbersRoom table.joined-five-measures td.numbers-has-precision-miss .numbers-comparison-value {
  line-height: 12px;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures .numbers-precision-miss {
  display: block;
  font: 400 11px/12px var(--sans);
}
.opening-subtitle-phone,
.opening-study-phone {
  display: none;
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(24px, max-content) 18px 26px;
  row-gap: 1px;
  min-height: 70px;
  height: auto;
  margin: 0;
  padding: 0;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle > span {
  grid-column: 1;
  grid-row: 1;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #openingSubtitle {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  padding: 0;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle :is(.opening-subtitle-desktop, .opening-study-desktop) {
  display: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle .opening-subtitle-phone {
  display: inline;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #arrivalNote {
  display: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle[data-arrival-active=true] #arrivalNote {
  display: block;
  line-height: 18px;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle[data-arrival-active=true] .opening-subtitle-phone {
  display: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle[data-arrival-rows=two] #openingSubtitle {
  grid-row: 2 / 4;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpening {
  grid-column: 1;
  grid-row: 2 / 4;
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  width: 100%;
  height: 45px;
  min-height: 45px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpening[hidden] {
  display: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpeningLink {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: auto;
  cursor: pointer;
  outline: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpeningLink .opening-study-phone {
  display: inline-block;
  font: 400 15px/21px var(--sans);
  border-bottom: 1px solid var(--key-line);
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpeningLink:focus-visible .opening-study-phone {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate {
  --plate-bottom-inset:env(safe-area-inset-bottom,0px);
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot #band #bandIn {
  padding-bottom: calc(6px + var(--plate-bottom-inset));
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #hearChoices .choice::after {
  top: -12px;
  bottom: -10px;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #seatActions {
  grid-column: 1 / 13;
  justify-content: flex-start;
  pointer-events: none;
}
html.d31-seats.plate.study-cell-mounted:not(.phone-foot, .phone-landscape) #band #seatActions #hCellReturn {
  margin-right: auto;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #bandIn {
  height: auto;
  min-height: 0;
  grid-template-rows: min-content;
  grid-auto-rows: min-content;
  align-content: start;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #positionGroup {
  display: block;
  grid-row: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  align-self: start;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, min-content);
  grid-auto-rows: min-content;
  row-gap: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle > #hCellLabel {
  display: block;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReading {
  --h-reading-line:21px;
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(var(--h-reading-line), min-content));
  min-height: calc(3 * var(--h-reading-line));
  min-width: 0;
  margin: 0;
  font: 400 15px/var(--h-reading-line) var(--sans);
  white-space: normal;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReading > span {
  display: block;
  grid-column: 1;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReadingName {
  grid-row: 1;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReadingValue {
  grid-row: 2;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReadingStatus {
  grid-row: 3;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellReading[data-reading-state=idle] > #hCellReadingName {
  grid-row: 1 / 4;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle #hCellQualification {
  display: block;
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  margin: 0;
  font: 400 15px/21px var(--sans);
  white-space: normal;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #positionGroup #position {
  position: static;
  grid-area: auto;
  height: auto;
  min-height: 0;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #positionGroup #dataModes {
  position: static;
  grid-area: auto;
  align-self: start;
  justify-self: start;
  height: auto;
  min-height: 0;
  margin: 0;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #numbersRoom {
  grid-row: auto;
  align-self: start;
  height: auto;
  min-height: 0;
  overflow: visible;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #seatActions {
  grid-row: auto;
  align-self: start;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:is(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle {
  row-gap: 1px;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:is(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle #hCellReading {
  --h-reading-line:18px;
  font-size: 13px;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:is(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle #hCellQualification {
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate.study-position-sheet #band #dataModes > .d29-numbers-notice {
  margin: 0;
  font: 400 15px/21px var(--sans);
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #bandIn {
  height: 100%;
  grid-template-rows: minmax(min-content, 1fr) 44px;
  grid-auto-rows: min-content;
  align-content: normal;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #positionGroup {
  grid-column: 1 / -1;
  grid-row: 1;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: min-content;
  column-gap: var(--g);
  align-content: start;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle > #hCellLabel {
  grid-column: 1 / 6;
  grid-row: 1;
  align-self: start;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle > #hCellReadingBlock {
  display: block;
  grid-column: 6 / 10;
  grid-row: 1;
  align-self: start;
  min-width: 0;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #seatActions {
  grid-row: 2;
  align-self: end;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook] #band:is(#band) #theatreTitle > #hCellReadingBlock {
  display: block;
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #theatreTitle > #hCellReadingBlock {
  grid-column: 6 / 10;
  grid-row: 1;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #hCellLabel > span {
  display: block;
  white-space: nowrap;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #hCellIdentity {
  white-space: nowrap;
}
html.d31-seats.plate #numbersRoot > #numbersHead {
  flex: none;
  margin: 0 0 4px;
  font: 400 15px/21px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #numbersToolbar .d29-numbers-toolbar.ps-stepper {
  display: flex;
}
html.d31-seats.plate #numbersRoom .d29-numbers-scroll:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate #band #footOptions #moreSeatDetails {
  white-space: pre-line;
}
html.d31-seats.plate #footOptions a {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--key-line);
  text-underline-offset: 3px;
}
html.d31-seats.plate #footOptions #numbersPrecision .numbers-wall-precision {
  margin: 8px 0;
  font: 400 13px/19px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short).seat-wall-recorded #band #positionGroup #position > span {
  visibility: hidden;
}
@media (min-width: 1280px) {
  html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape):not(.more-open):not(.more-closing) #band #plan,
  html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape):not(.more-open):not(.more-closing) #band #planControls {
    display: block !important;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position .seat-models-differ {
  order: 1;
  flex: 0 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 4px 0 0;
}
@media (forced-colors: active) {
  html.d31-seats.plate #band #sentence .play {
    forced-color-adjust: none;
    background: ButtonText;
  }
  html.d31-seats.plate #band #sentence[data-command=pause] .play {
    background:
      linear-gradient(
        90deg,
        ButtonText 0 4px,
        transparent 4px 8px,
        ButtonText 8px 12px);
  }
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersWall {
  order: 0;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #positionGroup #position {
  grid-area: 1 / 1;
  align-self: start;
  height: 64px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #positionGroup #position b {
  font-size: min(22px, 5.6vw);
  white-space: nowrap;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short) #band #positionGroup #position > span {
  display: block;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #positionGroup #seatWall:not([hidden]) {
  grid-area: 1 / 1;
  align-self: start;
  height: 36px;
  margin: 28px 0 0;
  overflow: hidden;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.seat-wall-recorded[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #positionGroup:is(#positionGroup) #position > span {
  visibility: hidden;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #dataModes {
  grid-area: 1 / 1;
  justify-self: end;
  align-self: end;
  display: flex;
  align-items: flex-end;
  gap: 14px;
  height: 26px;
  min-height: 0;
  margin: 0 0 6px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short) #band #dataModes {
  margin-bottom: 8px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #dataModes > :is(#soundKey, #numbersKey) {
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  align-items: flex-end;
  padding: 0 0 3px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 96px auto auto minmax(90px, 1fr) auto 0 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.many-seats:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 96px auto auto minmax(90px, 1fr) auto 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 98px auto auto minmax(90px, 1fr) auto 0 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot.many-seats:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 98px auto auto minmax(90px, 1fr) auto 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.plate-short) #band #bandIn {
  grid-template-rows: 96px auto minmax(0, 1fr) 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot.numbers-open:not(.plate-short) #band #bandIn {
  grid-template-rows: 98px auto minmax(0, 1fr) 44px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding: 8px 0 56px;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  grid-template-rows: min-content 44px minmax(0, 1fr) 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  --chart:102px;
  --sum-row:minmax(20px,auto);
  --key-row:62px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn,
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape).compact-foot #band #bandIn,
html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot #band #bandIn,
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot #band #bandIn {
  grid-template-rows: min-content min-content min-content var(--chart) var(--sum-row) minmax(0, 1fr) var(--key-row) 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape).compact-foot #band #bandIn {
  --chart:98px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot #band #bandIn {
  --chart:102px;
}
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot #band #bandIn {
  --chart:86px;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn {
  --sum-row:0px;
  --key-row:44px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions,
html.d31-seats.plate[data-view]:is(.more-open, .more-closing).plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions,
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #seatActions {
  position: sticky;
  bottom: 0;
  background: var(--paper);
  box-shadow: 0 40px 0 var(--paper);
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  z-index: 3;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 17px;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(var(--hair), var(--hair)) left bottom / 100% 1px no-repeat,
    linear-gradient(
      to bottom,
      transparent,
      var(--paper) 16px);
}
@supports (animation-timeline:scroll()) {
  html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape):not(.more-open, .more-closing, .seats-open) #band #seatActions::before {
    animation: sheet-goes-on linear both;
    animation-timeline: scroll(nearest block);
    animation-range: calc(100% - 12px) 100%;
  }
}
@keyframes sheet-goes-on {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey {
  position: sticky;
  bottom: 44px;
  z-index: 4;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey {
  z-index: 8;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #soundSummary {
  grid-area: 7 / 1;
  justify-self: end;
  align-self: end;
  position: sticky;
  bottom: 44px;
  z-index: 4;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
  min-height: 0;
  max-width: calc(100% - 122px);
  margin: 0;
  overflow: visible;
  text-align: right;
  line-height: 16px;
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open, .more-open, .more-closing, .seats-open) #band #seatActions::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 44px;
  background: var(--paper);
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open, .more-open, .more-closing, .seats-open) #band #seatActions::before {
  bottom: calc(100% + 44px);
}
html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn {
  scroll-padding-bottom: 100px;
}
html.d31-seats.plate[data-view]:is(.more-open, .more-closing).plate-phone.phone-landscape #band #footOptions {
  bottom: calc(48px + env(safe-area-inset-bottom, 0px));
  max-height: calc(100svh - 48px - env(safe-area-inset-bottom, 0px));
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band :is(#position, #hearChoices, #sentence, #soundSummary, #timeRow, #exchange) {
  visibility: hidden;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.phone-landscape:is(.phone-foot, .phone-landscape) #band #planChoices {
  max-height: calc(100svh - 112px - env(safe-area-inset-bottom, 0px));
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices {
  scroll-padding-bottom: 48px;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices::after {
  pointer-events: auto;
}
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice::before,
html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice::after {
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices {
  flex-wrap: wrap;
  row-gap: 17px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions #door {
  flex: 0 1 auto;
  min-width: 0;
  white-space: normal;
  text-align: right;
  line-height: 16px;
}
@media (max-width: 359px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot #band #arrivalNote[style*=hidden] {
    position: absolute;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot #band #theatreTitle {
    font-size: 18px;
    line-height: 22px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot.many-seats #band #bandIn {
    --chart:76px;
  }
}
@media (max-width: 374px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #sentence q {
    font: 400 15px/20px var(--sans);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices {
    gap: 17px 10px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices .choice-group {
    gap: 0 6px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices .choice-names {
    gap: 0 9px;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-foot #band #seatActions {
    gap: 0 10px;
  }
}
@media (max-width: 859px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #hearChoices {
    gap: 17px 10px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #hearChoices .choice-group {
    gap: 0 6px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #hearChoices .choice-names {
    gap: 0 9px;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions {
    gap: 0 10px;
  }
}
@media (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #band #sentence #voiceCredit {
    display: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape, .phone-landscape.compact-foot) #band #bandIn {
    --chart:92px;
  }
}
@media (max-height: 339px) and (min-width: 640px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape) #band #seatActions #door {
    display: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape) #band #footOptions #registerLink {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    font: 400 15px/20px var(--sans);
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--key-line);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn {
    --sum-row:minmax(20px,auto);
    --key-row:0px;
    scroll-padding-bottom: 56px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey {
    grid-row: 8;
    justify-self: end;
    align-self: center;
    margin: 0 54px 0 0;
    bottom: 0;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey::before {
    content: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey span {
    font-size: 15px;
    line-height: 17px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #soundSummary {
    grid-area: 5 / 1;
    justify-self: start;
    align-self: start;
    position: static;
    z-index: auto;
    pointer-events: none;
    display: block;
    height: auto;
    max-width: none;
    text-align: left;
    line-height: 18px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open, .more-open, .more-closing, .seats-open) #band #seatActions::after {
    content: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open, .more-open, .more-closing, .seats-open) #band #seatActions::before {
    bottom: 100%;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices {
    bottom: calc(48px + env(safe-area-inset-bottom, 0px));
    max-height: calc(100svh - 48px - env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -1px 0 var(--hair);
  }
}
@media (max-height: 309px) and (max-width: 719px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape, .phone-landscape.compact-foot) #band #bandIn {
    --chart:75px;
  }
}
html.d31-seats.plate[data-view] #band #bandIn .held-press {
  color: var(--ink) !important;
  background-color: rgba(42, 34, 25, .12) !important;
  box-shadow: 0 0 0 4px rgba(42, 34, 25, .12) !important;
  border-radius: 2px;
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #timeNote {
  line-height: 14px;
}
html.d31-seats.plate[data-view]:is(.more-open, .more-closing).plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions::after {
  content: "";
  position: sticky;
  bottom: -14px;
  z-index: 4;
  display: block;
  flex: none;
  height: 24px;
  margin: -24px 0 0;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0),
      var(--paper) 22px);
}
@supports (animation-timeline:scroll()) {
  html.d31-seats.plate[data-view]:is(.more-open, .more-closing).plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions::after {
    animation: sheet-goes-on linear both;
    animation-timeline: scroll(nearest block);
    animation-range: calc(100% - 16px) 100%;
  }
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions #moreSeatDetails {
  white-space: pre-line;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
  justify-self: stretch;
  max-width: none;
  width: auto;
}
html.d31-seats.plate.numbers-open:is(.more-open, .more-closing)[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #footPlan {
  display: contents;
}
html.d31-seats.plate.numbers-open:is(.more-open, .more-closing)[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #footPlan > :not(#footOptions) {
  display: none;
}
html.d31-seats.plate.numbers-open:is(.more-open, .more-closing)[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions #numbersPrecision #numbersPlan {
  display: none;
}
@media (max-width: 599px), (max-height: 499px) {
  html.d31-seats.plate.numbers-open:is(.more-open, .more-closing)[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #footOptions #numbersPrecision :is(.numbers-canonical-statements, .numbers-extra-table-s014, #numbersPlan) {
    display: none;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  container-type: inline-size;
  --num-line:16px;
  --num-row:32px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom :is(#numbersWall, #wholeStudy, #numbersPlan) {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 520px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersHead {
  flex: none;
  margin: 0;
  padding: 0 0 1px;
  font: 400 13px/17px var(--sans);
  font-size: clamp(11.5px, 4.8cqw, 13px);
  color: var(--soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll {
  flex: 1 1 0;
  min-height: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: auto;
  scroll-snap-type: none;
  scroll-padding: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
  overflow: hidden;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll::after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  height: 16px;
  margin: -16px 0 0;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(
      to bottom,
      transparent,
      var(--paper));
}
@supports (animation-timeline:scroll()) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll::after {
    animation: sheet-goes-on linear both;
    animation-timeline: scroll(nearest block);
    animation-range: calc(100% - 12px) 100%;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures :is(caption, thead) {
  top: 0;
  left: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  height: auto;
  margin: 0;
  border: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures colgroup {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody {
  flex: 1 1 0;
  min-height: calc(5 * var(--num-row));
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(5, minmax(var(--num-row), 1fr));
  width: 100%;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
  display: grid;
  grid-template-columns: minmax(0, 47%) minmax(0, 1fr) max-content;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 8px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 0;
  border-top: 1px solid var(--hair);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > :is(th, td) {
  display: block;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  vertical-align: baseline;
  font: 400 13px/var(--num-line) var(--sans);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(2),
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td.joined-zero-strip {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: stretch;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button {
  all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  align-content: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 400 15px/16px var(--sans);
  font-size: clamp(13px, 4.2cqw, 15px);
  color: var(--ink);
  text-decoration: underline !important;
  text-decoration-color: var(--key-line) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button[aria-expanded=true] {
  text-decoration-color: var(--ink) !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button small {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 5px;
  border: 0;
  font: 400 11px/16px var(--mono);
  color: var(--soft);
  text-decoration: none !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) {
  display: contents;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-comparison-strip-s014 {
  grid-column: 2 / 4;
  grid-row: 1;
  justify-self: end;
  align-self: end;
  display: block;
  white-space: nowrap;
  line-height: var(--num-line);
}
@supports (grid-template-columns:subgrid) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-comparison-strip-s014 {
    grid-column: 1 / 3;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-precision-miss {
    grid-column: 1;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) .numbers-comparison-value,
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) .numbers-numeric-s014 {
  font: 400 12px/var(--num-line) var(--mono);
  font-size: clamp(11px, 3.6cqw, 12px);
  color: var(--ink);
}
@container (min-width:310px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) :is(.numbers-comparison-value, .numbers-numeric-s014) {
    font-size: 12px;
  }
}
@container (min-width:300px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td.numbers-status-s014 .numbers-precision-miss {
    font-size: 12px;
    line-height: min(13px, var(--num-line));
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short.numbers-open #band #numbersRoom table.joined-five-measures tbody td.numbers-status-s014 .numbers-precision-miss {
    line-height: 14px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-precision-miss::after {
  content: "\b7";
  padding-left: 6px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:last-child {
  grid-column: 3;
  grid-row: 2;
  align-self: start;
  justify-self: end;
  white-space: nowrap;
  font: 400 13px/var(--num-line) var(--sans);
  font-size: clamp(12px, 3.8cqw, 13px);
  color: var(--soft);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:last-child[data-resolved=true] {
  color: var(--ink);
}
@container (max-width:300px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
    grid-template-columns: minmax(0, 46%) minmax(0, 1fr) max-content;
    column-gap: 6px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button {
    font-size: 12.5px;
    white-space: nowrap;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button small {
    padding-left: 3px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-precision-miss::after {
    padding-left: 4px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:last-child {
    font-size: 11.5px;
  }
}
@container (max-width:279px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button:not([aria-expanded=true]) small {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button:not([aria-expanded=true]) {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
  }
}
@supports selector(:has(a)) {
  @container (max-width:279px) {
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) {
      grid-template-columns: minmax(0, 1fr) max-content max-content;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) {
      display: contents;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) > .numbers-comparison-strip-s014 {
      grid-column: 2 / 4;
      grid-row: 1;
      justify-self: end;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) > .numbers-precision-miss {
      grid-column: 1 / 3;
      grid-row: 2;
      justify-self: end;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:last-child {
      grid-column: 3;
      grid-row: 2;
    }
  }
}
@supports selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(th button[aria-expanded=true]) {
    overflow-y: hidden;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom:has(th button[aria-expanded=true]) #numbersToolbar {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody:has(th button[aria-expanded=true]) {
    flex: 0 0 auto;
    min-height: 0;
    grid-template-rows: 58px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) {
    grid-template-rows: 24px 17px 17px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > th {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > th button {
    white-space: nowrap;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:nth-child(3) > .numbers-comparison-strip-s014 {
    grid-row: 2;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:nth-child(3) > .numbers-precision-miss,
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:last-child {
    grid-row: 3;
  }
  @supports (grid-template-columns:subgrid) {
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:nth-child(3) {
      grid-row: 2 / 4;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:nth-child(3) > .numbers-comparison-strip-s014 {
      grid-row: 1;
    }
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td:nth-child(3) > .numbers-precision-miss {
      grid-row: 2;
    }
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody:has(th button[aria-expanded=true]) tr:not(:has(th button[aria-expanded=true])) {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) ~ tr:has(th button[aria-expanded=true]) {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) {
    --num-line:16px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button[aria-expanded=true]::after {
    content: "\d7";
    display: inline-block;
    padding: 0 0 0 10px;
    font: 400 17px/16px var(--sans);
    color: var(--ink);
    text-decoration: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden]) {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    padding: 0;
    font: 400 13px/18px var(--sans);
    color: var(--ink);
    white-space: normal;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden])::after {
    content: "";
    display: block;
    position: sticky;
    bottom: 0;
    height: 16px;
    margin: -16px 0 0;
    pointer-events: none;
    opacity: 0;
    background:
      linear-gradient(
        to bottom,
        transparent,
        var(--paper));
  }
  @supports (animation-timeline:scroll()) {
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden])::after {
      animation: sheet-goes-on linear both;
      animation-timeline: scroll(nearest block);
      animation-range: calc(100% - 12px) 100%;
    }
  }
  @supports not (animation-timeline:scroll()) {
    html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden])::after {
      margin: 0;
      opacity: 1;
    }
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(th button[aria-expanded=true])::after {
    display: none;
  }
}
@supports not selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition {
    display: none !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button {
    text-decoration: none !important;
    cursor: default;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar {
  flex: 0 0 44px;
  height: 44px;
  min-height: 44px;
  box-shadow: 0 -1px 0 var(--hair);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  min-height: 44px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy) {
  height: 44px;
  min-height: 44px;
  font: 400 13px/18px var(--sans);
  border-bottom: 0;
  background: linear-gradient(var(--key-line), var(--key-line)) no-repeat left calc(50% + 11px) / 100% 1px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy):is(:disabled, [aria-disabled=true]) {
  opacity: 1;
  color: var(--faint);
  background-image: none;
  cursor: default;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar output {
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  white-space: nowrap;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar output .numbers-numeric-s014 {
  font: 400 12px/18px var(--mono);
}
@container (max-width:300px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    gap: 4px;
  }
}
@container (max-width:259px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    gap: 2px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy).numbers-precision-key-s014 {
    font-size: 12.5px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short) #band #positionGroup #position .seat-distance {
  display: block;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 96px min-content min-content minmax(90px, 1fr) minmax(20px, auto) 0 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.many-seats:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 96px min-content min-content minmax(90px, 1fr) 0px 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 98px min-content min-content minmax(90px, 1fr) minmax(20px, auto) 0 62px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot.many-seats:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 98px min-content min-content minmax(90px, 1fr) 0px 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.many-seats:is(.phone-foot, .phone-landscape):not(.plate-short):not(.numbers-open) #band #soundSummary {
  grid-area: 7 / 1;
  justify-self: end;
  align-self: end;
  position: sticky;
  bottom: 44px;
  z-index: 4;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
  min-height: 0;
  max-width: calc(100% - 122px);
  margin: 0;
  overflow: visible;
  text-align: right;
  line-height: 16px;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band :is(#seatWall, #dataModes) {
  visibility: hidden;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band {
  --seats-row:62px;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot.plate-short, .phone-landscape) #band {
  --seats-row:44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #bandIn {
  padding-top: 12px;
  --chart-least:98px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band #bandIn {
  --chart-least:76px;
}
@media (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #bandIn {
    --chart-least:80px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom {
    --num-line:12.5px;
    --num-row:26px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden]) {
    top: 58px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:last-child {
    font-size: 12px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):not(.numbers-open) #band #bandIn {
  grid-template-rows: min-content min-content min-content min-content minmax(var(--chart-least), 1fr) min-content var(--seats-row) 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape).numbers-open #band #bandIn {
  grid-template-rows: min-content min-content minmax(118px, 1fr) 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short.numbers-open #band #numbersRoom {
  --num-line:13px;
  --num-row:26px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short.numbers-open #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:last-child {
  font-size: 12px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:is(.phone-foot, .phone-landscape) #band #bandIn {
  padding-top: 10px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:is(.phone-foot, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
  margin: 0 0 2px;
  font: 400 12.5px/16px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position {
  grid-area: 1 / 1;
  justify-self: start;
  align-self: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(100% - 167px);
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position b {
  display: block;
  font-size: 16px;
  line-height: 20px;
  white-space: normal;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position > span {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
  grid-area: 2 / 1;
  align-self: start;
  height: auto;
  min-height: 0;
  margin: 0 0 4px;
  overflow: visible;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #hearChoices {
  grid-area: 3 / 1;
  margin: 2px 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):not(.numbers-open) #band #sentence {
  grid-area: 4 / 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band :is(#timeRow, #exchange) {
  grid-area: 5 / 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #soundSummary {
  grid-area: 6 / 1;
  display: block;
  height: auto;
  min-height: 0;
  overflow: visible;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot.plate-short, .phone-landscape) #band #soundSummary {
  grid-area: 7 / 1;
  justify-self: end;
  align-self: center;
  box-sizing: border-box;
  max-width: calc(100% - 122px);
  margin: 0;
  text-align: right;
  line-height: 16px;
}
html.d31-seats.plate[data-view=seat].plate-phone.many-seats:is(.phone-foot.plate-short, .phone-landscape):not(.numbers-open) #band #soundSummary {
  position: sticky;
  bottom: 44px;
  z-index: 4;
  align-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band :is(#planChoices, #seatsKey) {
  grid-row: 7;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):not(.numbers-open) #band #seatActions {
  grid-area: 8 / 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape).numbers-open #band #numbersRoom {
  grid-area: 3 / 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape).numbers-open #band #numbersRoom #numbersHead {
  padding-top: 3px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short.numbers-open:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersHead {
  padding-top: 1px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape).numbers-open #band #seatActions {
  grid-area: 4 / 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes {
  grid-area: 1 / 1;
  justify-self: end;
  align-self: center;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 44px;
  min-height: 0;
  margin: 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes > :is(#soundKey, #numbersKey) {
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  align-items: center;
  padding: 0;
  border-bottom: 0;
  background: linear-gradient(var(--key-line), var(--key-line)) no-repeat left calc(50% + 13px) / 100% 1px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes > :is(#soundKey, #numbersKey)[aria-pressed=true] {
  background-image: linear-gradient(var(--ink), var(--ink));
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes #sentence {
  margin-right: -10px;
}
html.d31-seats.plate.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #positionGroup #position {
  display: block;
  width: auto;
  padding: 8px 0 4px;
}
html.d31-seats.plate.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #positionGroup #position > span {
  display: block;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #dataModes {
  grid-area: 2 / 1;
  justify-self: start;
  align-self: start;
  height: auto;
  min-height: 0;
}
html.d31-seats.plate.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #dataModes .d29-numbers-notice {
  margin: 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
  padding-top: 22px;
}
@media (max-width: 759px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape):not(.study-position-sheet) #band #positionGroup #position {
    width: calc(100% - 158px);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position b {
    font-size: 14px;
    line-height: 18px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes {
    gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes > :is(#soundKey, #numbersKey) {
    font-size: 14px;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.study-position-sheet) #band #positionGroup #position {
    width: calc(100% - 158px);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band #positionGroup #position b {
    font-size: 14px;
    line-height: 18px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band #dataModes {
    gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band #dataModes > :is(#soundKey, #numbersKey) {
    font-size: 14px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    gap: 4px;
  }
}
@media (max-height: 339px) and (min-width: 640px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot.plate-short, .phone-landscape) #band {
    --seats-row:0px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:is(.phone-foot.plate-short, .phone-landscape):not(.numbers-open) #band #soundSummary {
    grid-area: 6 / 1;
    justify-self: start;
    align-self: start;
    position: static;
    z-index: auto;
    pointer-events: none;
    display: block;
    height: auto;
    min-height: 0;
    max-width: none;
    margin: 0;
    text-align: left;
    line-height: 18px;
  }
}
@media (max-height: 309px) and (max-width: 719px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #bandIn {
    --chart-least:68px;
  }
}
@container (max-width:259px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .ps-stepper {
    gap: 2px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  grid-row: 1 / 5;
  align-self: stretch;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  column-gap: 48px;
  height: auto;
  min-height: 0;
  margin: 0 0 44px;
  padding: 0 0 44px;
  overflow: hidden;
  --control-row:44px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  overflow: clip;
  overflow-clip-margin: 8px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
  padding-bottom: 88px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position,
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position > span {
  display: contents;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position > b {
  order: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
  order: 1;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 4px 0 0;
  overflow: visible;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position .seat-distance:not([hidden]) {
  order: 2;
  flex: 0 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 4px 0 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position .seat-detail:not([hidden]) {
  order: 3;
  flex: 0 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 2px 0 0;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #dataModes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: auto;
  height: var(--control-row);
  min-height: 0;
  margin: 0;
  padding: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #dataModes > #sentence {
  order: 3;
  margin-left: 10px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange {
  margin: 0 0 88px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #quiet {
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #quiet:not(:empty):not([hidden]) {
  position: absolute;
  grid-area: auto;
  left: calc(var(--m,28px) + env(safe-area-inset-left, 0px));
  right: auto;
  top: auto;
  bottom: calc(100% + 40px);
  z-index: 3;
  box-sizing: border-box;
  width: max-content;
  max-width: min(36rem, calc(100vw - 2 * var(--m,28px)));
  height: auto;
  margin: 0;
  padding: 1px 8px;
  border-radius: 9px;
  background: rgba(241, 237, 232, .88);
  color: var(--ink);
  font: 500 13px/18px var(--sans);
  text-align: left;
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position > b {
    font-size: 22px;
    line-height: 26px;
  }
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersWall {
    font: 400 12px/14px var(--sans);
    margin: 0;
    padding: 0 5px;
  }
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
    --num-line:14px;
  }
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersWall .numbers-wall-band {
    display: none;
  }
}
@media (max-width: 1279px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button {
    font-size: 13px;
    white-space: nowrap;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    padding-right: 214px;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
    padding-bottom: 36px;
    --control-row:36px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
    padding-bottom: 72px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position .seat-distance:not([hidden]) {
    font: 400 12px/15px var(--sans);
  }
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
    --num-line:13px;
  }
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersWall {
    display: none;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
    padding-top: 3px;
    font: 400 12px/15px var(--sans);
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #dataModes > :is(#soundKey, #numbersKey, #sentence) {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange {
    height: 36px;
    min-height: 36px;
    margin: 0 0 80px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #exchange button {
    height: 36px;
    min-height: 36px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape, .study-position-sheet) #band #numbersRoom #numbersWall {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
  container-type: inline-size;
  --num-line:16px;
  --num-flag:13px;
  --head:0px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersHead {
  flex: none;
  margin: 0;
  padding: 0 5px 3px;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll {
  flex: 1 1 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
  scrollbar-gutter: auto;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
@media (min-height: 760px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures thead[data-shown] {
    position: static;
    display: table-header-group;
    width: auto;
    height: auto;
    clip: auto;
    clip-path: none;
    overflow: visible;
    margin: 0;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures thead[data-shown] tr {
    height: 22px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures thead[data-shown] th {
    width: auto;
    padding: 0 12px 4px 5px;
    border: 0;
    border-bottom: 1px solid var(--hair);
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures thead[data-shown] th::before {
    content: attr(data-head);
    font: 400 12px/16px var(--sans);
    color: var(--soft);
  }
  @supports (content:"a" / "") {
    html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures thead[data-shown] th::before {
      content: attr(data-head) / "";
    }
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
    --num-line:13px;
    --num-flag:12px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures :is(th, td) {
  width: auto;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(1) {
  width: 29%;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(2) {
  width: 13%;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(3) {
  width: 27%;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(4) {
  width: 15%;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(5) {
  width: 16%;
}
@container (max-width:639px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(1) {
    width: 27%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(2) {
    width: 16%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(3) {
    width: 26%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(4) {
    width: 13%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures col:nth-child(5) {
    width: 18%;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td:is(:nth-child(2), :nth-child(3)) {
  white-space: nowrap;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
  height: 18%;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody :is(th, td) {
  padding: 0 5px;
  border: 0;
  border-bottom: 1px solid var(--hair);
  text-align: left;
  vertical-align: middle;
  font: 400 13px/var(--num-line) var(--sans);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button {
  all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 400 min(15px, 2.2cqw)/20px var(--sans);
  color: var(--ink);
  text-decoration: underline !important;
  text-decoration-color: var(--key-line) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button[aria-expanded=true] {
  text-decoration-color: var(--ink) !important;
  overflow: visible;
  text-overflow: clip;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button small {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 6px;
  border: 0;
  font: 400 11px/20px var(--mono);
  color: var(--soft);
  text-decoration: none !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td :is(.numbers-numeric-s014, .numbers-comparison-value) {
  font: 400 min(12px, 1.85cqw)/var(--num-line) var(--mono);
  color: var(--ink);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td .numbers-precision-miss {
  display: block;
  font: 400 11px/var(--num-flag) var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td:last-child {
  color: var(--soft);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody td:last-child[data-resolved=true] {
  color: var(--ink);
}
@supports selector(:has(a)) {
  @media (min-height: 760px) {
    html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(thead[data-shown]) {
      --head:22px;
    }
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) {
    --head:0px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures thead {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures {
    height: auto;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody:has(th button[aria-expanded=true]) tr:not(:has(th button[aria-expanded=true])) {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) ~ tr:has(th button[aria-expanded=true]) {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) {
    height: 40px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td {
    visibility: hidden;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > :is(th, td) {
    border-bottom-color: transparent;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button[aria-expanded=true]::after {
    content: "\d7";
    display: inline-block;
    padding: 0 0 0 10px;
    font: 400 18px/20px var(--sans);
    color: var(--ink);
    text-decoration: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden]) {
    display: block;
    position: absolute;
    left: 5px;
    right: 5px;
    top: calc(var(--head) + 52px);
    bottom: 0;
    max-width: 68ch;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    white-space: normal;
    font: 400 15px/21px var(--sans);
    color: var(--ink);
  }
}
@supports not selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition {
    display: none !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody th button {
    text-decoration: none !important;
    cursor: default;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 18px;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding-left: 6px;
}
@media (min-width: 1280px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    padding-right: 6px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy) {
  box-sizing: content-box;
  height: 44px;
  min-height: 44px;
  margin: 0 -6px;
  padding: 0 6px;
  border-bottom: 0;
  background: linear-gradient(var(--key-line), var(--key-line)) no-repeat content-box left calc(50% + 11px) / 100% 1px;
}
@media (forced-colors: active) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy) {
    background: none;
    text-decoration: underline;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy):is(:disabled, [aria-disabled=true]) {
  opacity: 1;
  color: var(--faint);
  background-image: none;
  text-decoration: none;
  cursor: default;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy):focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar #wholeStudy {
  margin-left: auto;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #hCellLabel > span {
  white-space: normal;
  overflow-wrap: normal;
  max-width: 100%;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band) #hCellIdentity {
  display: block;
  white-space: normal;
  margin-top: 3px;
}
html.d31-seats.plate #band #footOptions #numbersPrecision h2 {
  font: 500 22px/28px var(--sans);
}
html.d31-seats.plate #band #footOptions #numbersPrecision :is(p, .d29-numbers-headline, .numbers-cell-precision, .numbers-wall-precision) {
  font: 400 15px/22px var(--sans);
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-canonical-statements {
  display: block !important;
}
html.d31-seats.plate #band #footOptions #numbersPrecision :is(.numbers-extra-table-s014, #numbersPlan) {
  display: none;
}
html.d31-seats.plate #band #footOptions {
  overflow-y: auto;
}
html.d31-seats.plate .ps-lut-labels > span,
html.d31-seats.plate .ps-position-key .ps-numbers {
  white-space: nowrap;
}
html.d31-seats.plate #studyPlans .ps-title {
  padding-top: 12px;
}
@media (max-height: 339px) and (min-width: 500px) {
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: auto;
    min-height: 0;
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle #openingSubtitle {
    position: static;
    display: block;
    height: auto;
    min-height: 0;
    margin: 0;
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpening {
    position: static;
    display: block;
    height: auto;
    min-height: 0;
    margin: 0;
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpeningLink {
    position: static;
    display: block;
    height: auto;
    min-height: 44px;
    padding: 0;
  }
}
html.d31-seats.plate #theatreTitle #openingRecordingCoverage {
  display: block;
  margin-top: 3px;
  font: 400 15px/21px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #theatreTitle #openingRecordingCoverage {
  display: none;
}
html.d31-seats.plate.study-cell-mounted #band #footOptions #stand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  font: 400 15px/20px var(--sans);
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--key-line);
  text-underline-offset: 3px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.plate-short) #band #bandIn {
  grid-template-rows: 96px auto minmax(0, 1fr) 0 0 0 0 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot.numbers-open:not(.plate-short) #band #bandIn {
  grid-template-rows: 98px auto minmax(0, 1fr) 0 0 0 0 44px;
}
.ps-sheet .ps-cell-legend {
  width: 100%;
  min-width: 0;
  container-type: inline-size;
  container-name: c29-scale;
}
.ps-sheet .ps-lut-labels {
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
  gap: 3px;
  font: 400 10px/14px var(--mono);
}
.ps-sheet .ps-lut-labels > span {
  min-width: 0;
  white-space: nowrap;
  overflow-wrap: normal;
}
.ps-sheet .ps-lut-labels > span:first-child {
  grid-column: 1;
  text-align: left;
  justify-self: start;
}
.ps-sheet .ps-lut-labels > span:last-child {
  grid-column: 3;
  text-align: right;
  justify-self: end;
}
.ps-sheet .ps-lut-labels > .ps-scale-middle {
  grid-column: 2;
  text-align: center;
}
@media (min-width: 701px) {
  .ps-sheet .ps-matrix {
    grid-template-columns: 96px repeat(6, minmax(140px, 1fr));
  }
}
@container c29-scale (max-width:159px) {
  .ps-sheet .ps-lut-labels {
    font-size: 9px;
  }
}
@container c29-scale (max-width:189px) {
  .ps-sheet .ps-lut-labels > .ps-scale-middle {
    display: none;
  }
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #positionGroup {
  align-self: end;
  margin-bottom: 12px;
  min-height: 0;
}
html.d31-seats.plate #numbersToolbar .numbers-band-note {
  display: block;
  flex-basis: 100%;
  font: 400 12px/17px var(--sans);
  color: var(--soft);
  white-space: normal;
}
html.d31-seats.plate #numbersToolbar .numbers-band-note[hidden] {
  display: none;
}
.ps-sheet .ps-tone-direction {
  display: block;
  margin-top: 4px;
  font: 400 12px/17px var(--mono);
}
html.d31-seats.plate #hCellPinKey {
  display: block;
  margin-top: 4px;
  font: 400 12px/17px var(--sans);
  color: var(--soft);
}
.study-findings__exact-ranges {
  table-layout: fixed;
  width: 100%;
}
.study-findings__exact-ranges :is(th, td) {
  vertical-align: top;
  overflow-wrap: anywhere;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures .numbers-precision-miss {
  white-space: normal;
}
html.d31-seats.plate.study-return-floating #hCellFoot {
  display: block;
  position: fixed;
  z-index: 70;
  left: var(--m);
  bottom: 16px;
  max-width: calc(100vw - 2 * var(--m));
}
html.d31-seats.plate.study-return-floating #hCellFoot #hCellReturn {
  display: block;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--key-line);
  background: var(--paper);
  font: 400 15px/20px var(--sans);
  color: var(--ink);
  cursor: pointer;
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading {
  position: sticky;
  top: -14px;
  z-index: 2;
  padding: 10px 0;
  background: var(--paper);
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading h2 {
  margin: 0;
}
html.d31-seats.plate #band #footOptions #numbersPrecisionClose {
  min-height: 44px;
  cursor: pointer;
  text-decoration: underline;
}
html.d31-seats.plate #band #footOptions .numbers-precision-scroll-hint {
  margin: 0;
  font: 400 12px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.precision-open.numbers-open:not(.phone-foot, .phone-landscape) #band #footOptions {
  position: fixed;
  inset: var(--m) var(--m) var(--c29-precision-bottom,calc(100svh - var(--look-foot) + 12px)) auto;
  width: min(420px, calc(100vw - 2 * var(--m)));
  height: auto;
  max-height: none;
}
html.d31-seats.plate #band #footOptions > #wholeStudy {
  display: block;
  min-height: 44px;
  cursor: pointer;
  text-decoration: underline;
}
html.d31-seats.plate #band #footOptions > #wholeStudy[hidden] {
  display: none;
}
html.d31-seats.plate #seatRingKey {
  display: none;
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle {
  grid-template-rows: minmax(24px, max-content) 18px 26px auto;
  height: auto;
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #seatRingKey {
  display: block;
  grid-column: 1;
  grid-row: 4;
  margin: 3px 0 0;
  font: 400 11px/15px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #band #footOptions #moreAudience {
  flex: none;
  align-self: flex-start;
  margin: 4px 0 8px;
  font: 400 13px/20px var(--sans);
  color: var(--soft);
}
@media (max-width: 1180px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #footOptions #moreAudience {
    gap: 0 6px;
  }
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #footOptions #moreSeatNames {
    gap: 0 9px;
  }
}
@media (max-height: 600px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #footOptions #moreAudience {
    margin: 0 0 6px;
  }
}
html.d31-seats.plate[data-view=seat] #band #footOptions :is(#moreAudience, #audienceNote) {
  display: none;
}
.ps-sheet .ps-position-key {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}
.ps-sheet .ps-position-key > :is(.ps-position-caption, .ps-key-enlargement) {
  display: block;
  flex: 0 0 100%;
  min-width: 0;
  white-space: normal;
}
.ps-sheet .ps-position-key > .ps-key-enlargement {
  font: 400 10px/14px var(--sans);
}
.ps-sheet .ps-position-key > span:not(.ps-position-caption, .ps-key-enlargement) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.ps-sheet .ps-position-key svg[data-key-magnification="8"] {
  width: 64px;
  height: 64px;
  flex: none;
}
html.d31-seats.plate.numbers-open.h-cell-seat[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
html.d31-seats.plate.numbers-open.h-cell-seat[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape).numbers-open #band #bandIn {
  grid-template-rows: min-content min-content minmax(96px, 1fr) 44px;
}
@container (max-width:249px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .ps-stepper > button:is(:first-child, :nth-child(3)) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    min-width: 44px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .ps-stepper > button:first-child::after {
    content: "\2190" / "";
    display: block;
    width: 100%;
    text-align: center;
    font: 400 17px/44px var(--sans);
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .ps-stepper > button:nth-child(3)::after {
    content: "\2192" / "";
    display: block;
    width: 100%;
    text-align: center;
    font: 400 17px/44px var(--sans);
  }
}
@container (max-width:229px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom .ps-stepper {
    gap: 0 !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom :is(button, #wholeStudy).numbers-precision-key-s014 {
    font-size: 12px !important;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #position > span {
  white-space: normal;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #position :is(.seat-distance, .seat-models-differ) {
  display: block;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #position .seat-models-differ::first-letter {
  text-transform: uppercase;
}
@media (max-height: 339px) and (max-width: 639px) {
  html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.phone-landscape #band #planChoices .ear-seat-choice {
    height: auto;
    min-height: 44px;
    padding: 4px 0;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.phone-landscape #band #planChoices .ear-seat-choice > :nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    line-height: 18px;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open.phone-landscape #band #planChoices .ear-seat-choice > :nth-child(3) {
    flex: none;
  }
}
html.d31-seats.plate:is(.h-cell-open, .study-position-sheet):not(.phone-foot, .phone-landscape, .h-cell-seat) #band #footPlan > :not(#footOptions),
html.d31-seats.plate:is(.h-cell-open, .study-position-sheet):not(.phone-foot, .phone-landscape, .h-cell-seat) #band #footPlan > :not(#footOptions) * {
  visibility: hidden !important;
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position :is(.seat-detail, .seat-models-differ):not([hidden]) {
    font: 400 12px/15px var(--sans);
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position :is(.seat-models-differ, .seat-detail)::first-letter {
  text-transform: uppercase;
}
html.d31-seats.plate:not(.phone-foot, .phone-landscape) #studyOpening {
  text-wrap: balance;
}
.study-findings {
  max-width: 48rem;
  font: inherit;
  color: inherit;
}
.study-findings p {
  line-height: 1.5;
}
.study-findings__figure {
  margin: 1.5rem 0;
}
.study-findings__figure figcaption {
  margin-bottom: .75rem;
  line-height: 1.5;
}
.study-findings__figure table {
  width: 100%;
  border-collapse: collapse;
  font: inherit;
  font-variant-numeric: tabular-nums;
}
.study-findings__figure th,
.study-findings__figure td {
  padding: .5rem .35rem;
  vertical-align: top;
  text-align: left;
}
.study-findings__figure thead th {
  font-weight: 500;
}
.study-findings__figure tbody tr {
  border-top: 1px solid currentColor;
}
.study-findings__figure tbody th {
  font-weight: 500;
}
.study-findings__figure-note {
  font-size: inherit;
}
.study-findings__uncertainty summary {
  cursor: pointer;
  padding: .4rem 0;
}
.study-findings__uncertainty summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 420px) {
  .study-findings__figure th,
  .study-findings__figure td {
    padding: .5rem .2rem;
  }
}
.study-findings__plan .ps-guide {
  fill: none;
  stroke: var(--line);
  stroke-width: .7;
  opacity: .34;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.study-findings__plan .ps-guide-own {
  stroke-width: 1;
  opacity: .5;
}
.study-findings__plan .ps-map-cell,
.study-findings__plan .ps-map-neutral {
  stroke: none;
}
.study-findings__plan .ps-null-cell,
.study-findings__plan .ps-absent,
.study-findings__plan .ps-rank-shape,
.study-findings__plan .ps-voice {
  fill: var(--ink);
  stroke: none;
}
.study-findings__plan .ps-null-cell {
  opacity: .65;
}
.study-findings__plan .ps-absent {
  opacity: .14;
}
.study-findings__plan .ps-hit {
  fill: transparent;
  stroke: none;
}
.study-findings__plan .ps-position {
  cursor: pointer;
}
.study-findings__plan .ps-position:focus {
  outline: none;
}
.study-findings__plan .ps-position:focus .ps-hit {
  stroke: var(--ink);
  stroke-width: .7;
  stroke-dasharray: 2 2;
}
.study-findings__plan .ps-sign {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.study-findings__figure h3 {
  font: inherit;
  font-weight: 500;
  margin: 1.2rem 0 .6rem;
}
.study-findings__summary-table {
  table-layout: fixed;
}
.study-findings__summary-table th,
.study-findings__summary-table td {
  overflow-wrap: anywhere;
}
.study-findings__figure small {
  display: block;
  font: inherit;
}
.study-findings__figure pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
}
.study-findings__plan {
  width: 100%;
  max-width: 22rem;
  margin: .7rem auto;
}
.study-findings__plan .ps-plan {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.study-findings__plan .ps-position {
  cursor: default;
}
.study-findings__plan .findings-plan-label {
  fill: var(--ink);
  stroke: var(--paper);
  stroke-width: 1.5;
  paint-order: stroke;
  stroke-linejoin: round;
  font: 500 11px sans-serif;
}
.study-findings__first-frame a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .18em;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.numbers-status-s014 {
  grid-column: 1 / 4;
  grid-row: 2;
  justify-self: end;
  white-space: nowrap;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.numbers-status-s014 .numbers-precision-miss {
  display: inline;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.numbers-status-s014 .numbers-precision-miss::before {
  content: ", ";
}
html.d31-seats.plate #seatRingKey[hidden] {
  display: none !important;
}
html.d31-seats.plate #numbersFullHouseNote {
  margin: 2px 0 4px;
  font: 400 12px/16px var(--sans);
  color: var(--soft);
  white-space: normal;
}
html.d31-seats.plate #numbersFullHouseNote[hidden] {
  display: none;
}
html.d31-seats.plate #band #footOptions #numbersPrecisionClose {
  appearance: none;
  border: 0;
  border-bottom: 1px solid var(--key-line);
  background: transparent;
  color: var(--ink);
  font: 400 15px/20px var(--sans);
  padding: 0;
  min-height: 44px;
  text-decoration: none;
}
html.d31-seats.plate #numbersRoom #numbersVerdictKey {
  margin: 5px 0 0;
  font: 400 11px/15px var(--sans);
  color: var(--soft);
  white-space: normal;
}
html.d31-seats.plate #numbersRoom table.joined-five-measures td .numbers-precision-miss {
  display: block;
  white-space: nowrap;
  font: 400 11px/13px var(--sans);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
html.d31-seats.plate.h-cell-seat :is(#stone, #lines) {
  opacity: 1;
}
html.d31-seats.plate.h-cell-seat :is(#recordLayer, #seatTags) {
  visibility: visible;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock {
  display: block;
  font: 400 12px/16px var(--sans);
  margin: 3px 0;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReading {
  display: block;
  white-space: normal;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReading > span:not(:empty) {
  display: inline;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReading > span:not(:empty)::after {
  content: " ";
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock :is(#hCellQualification, #hCellPinKey) {
  display: none;
}
html.d31-seats.plate #cellSeatHint {
  margin: 3px 0;
  font: 400 12px/16px var(--sans);
}
html.d31-seats.plate #cellSeatHint[hidden] {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band {
  top: calc(100svh - var(--caption-height));
  height: var(--caption-height);
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersRoot > #numbersVerdictKey {
  flex: none;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom > #numbersFullHouseNote {
  flex: none;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #footCaption #seatActions[data-c31-seats-key] #stand {
  margin-right: 0;
  flex-shrink: 0;
  order: 0;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #footCaption #seatActions[data-c31-seats-key] #seatsKey {
  position: static;
  grid-area: auto;
  align-self: auto;
  justify-self: auto;
  bottom: auto;
  z-index: auto;
  min-width: 0;
  width: var(--r12-slot,5.05em);
  height: 44px;
  min-height: 44px;
  margin: 0;
  flex: none;
}
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #footCaption #seatActions[data-c31-seats-key] #door {
  flex: 0 0 auto;
}
@media (max-height: 299px) {
  html.d31-seats.plate.h-cell-open:not(.h-cell-seat) #stage :is(#nameA, #nameB) {
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
  }
  html.d31-seats.plate.h-cell-open:not(.h-cell-seat) #stage :is(#nameA, #nameB) > b {
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow-wrap: normal;
  }
  html.d31-seats.plate.h-cell-open:not(.h-cell-seat) #stage :is(#nameA, #nameB) .when {
    display: none;
  }
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register {
  clip-path: inset(52px 0 0);
  scroll-padding-top: 68px;
  z-index: 1;
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register:focus:not(:focus-visible) {
  outline: none;
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate.reading-register:not(.method-opening) #scroller::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 68px;
  background:
    linear-gradient(
      to bottom,
      var(--paper) 0px,
      var(--paper) 52px,
      rgba(241, 237, 232, 0) 68px);
  pointer-events: none;
  z-index: 5;
}
html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose {
  top: 4px;
  left: calc((100vw - 785px) / 2 - 10px);
  right: auto;
  min-width: 150px;
  height: 44px;
  min-height: 44px;
  padding: 0 10px;
  justify-content: start;
  z-index: 10;
}
html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate #register :is(.study-findings__summary-table, .study-findings__example-table, .study-findings__exact-ranges) {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 12px 0 20px;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
  overflow-x: visible;
}
html.d31-seats.plate #register :is(.study-findings__summary-table, .study-findings__example-table, .study-findings__exact-ranges) :is(th, td) {
  padding: 7px 6px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid var(--hair);
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
html.d31-seats.plate #register .study-findings__figure tbody tr {
  border-top: 1px solid var(--hair);
}
html.d31-seats.plate #register :is(.study-findings__summary-table, .study-findings__example-table, .study-findings__exact-ranges) thead th {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  padding-bottom: 8px;
}
html.d31-seats.plate #register .study-findings__summary-table :is(thead th:first-child, tbody th) {
  width: 16%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
  font-weight: 600;
  color: var(--ink);
}
html.d31-seats.plate #register .study-findings__summary-table :is(thead th:nth-child(2), thead th:nth-child(3), tbody td:nth-child(2), tbody td:nth-child(3)) {
  width: 21%;
}
html.d31-seats.plate #register .study-findings__summary-table :is(thead th:nth-child(4), tbody td:nth-child(4)) {
  width: 19%;
}
html.d31-seats.plate #register .study-findings__summary-table :is(thead th:nth-child(5), tbody td:nth-child(5)) {
  width: 23%;
}
html.d31-seats.plate #register .study-findings__summary-table td > span {
  display: block;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
html.d31-seats.plate #register .study-findings__summary-table td > small {
  display: block;
  margin-top: 2px;
  font-family: var(--sans);
  font-size: 11.5px;
  line-height: 1.3;
  color: var(--soft);
}
html.d31-seats.plate #register .study-findings__example-table :is(thead th:nth-child(1), tbody th) {
  width: 28%;
  font-weight: 600;
}
html.d31-seats.plate #register .study-findings__example-table tbody th small {
  display: inline;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--soft);
}
html.d31-seats.plate #register .study-findings__example-table :is(thead th:nth-child(2), thead th:nth-child(3), tbody td:nth-child(2), tbody td:nth-child(3)) {
  width: 21%;
}
html.d31-seats.plate #register .study-findings__example-table :is(thead th:nth-child(4), tbody td:nth-child(4)) {
  width: 30%;
}
html.d31-seats.plate #register .study-findings__example-table tbody td small {
  margin-top: 2px;
  font-size: 11.5px;
  line-height: 1.3;
  color: var(--soft);
}
@media (min-width: 701px), (max-width: 920px) and (max-height: 500px) {
  html.d31-seats.plate #register .study-findings__exact-ranges :is(thead th:nth-child(1), tbody th) {
    width: 42%;
    font-weight: 500;
  }
  html.d31-seats.plate #register .study-findings__exact-ranges :is(thead th:nth-child(2), thead th:nth-child(3), tbody td) {
    width: 29%;
  }
}
html.d31-seats.plate #register .study-findings__plan {
  width: 100%;
  max-width: 22rem;
  margin: 0.75rem auto 1.65rem;
}
html.d31-seats.plate #register .study-findings__plan .findings-plan-leader {
  stroke: var(--line);
  stroke-width: 0.55px;
  stroke-dasharray: 1.5 1.2;
  pointer-events: none;
}
html.d31-seats.plate #register .study-findings__plan .findings-plan-label {
  font: 500 9.5px/1.2 var(--sans);
  fill: var(--ink);
  stroke: var(--paper);
  stroke-width: 2.5px;
  paint-order: stroke fill;
  stroke-linejoin: round;
}
html.d31-seats.plate #register {
  max-width: 1280px;
}
html.d31-seats.plate #register #studyPlans {
  width: 100%;
  max-width: 1280px;
  margin: 28px auto;
}
html.d31-seats.plate #register #studyPlans .ps-sheet {
  background: var(--paper);
  padding: 10px 0 24px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet > :is(.ps-title, .ps-keys, .ps-state, .ps-margin) {
  width: min(calc(68ch * 17 / 15), calc(100% - 40px));
  max-width: none;
  margin-inline: auto;
}
html.d31-seats.plate #register #studyPlans .ps-sheet > .ps-press-hint {
  width: min(calc(68ch * 17 / 12.5), calc(100% - 40px));
  max-width: none;
  margin-inline: auto;
  margin-block: 0 8px;
  font: 400 12.5px/1.4 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix {
  --plan-w: calc((100cqw - 192px) / 6);
  container-type: inline-size;
  grid-template-columns: 156px repeat(6, minmax(0, 1fr));
  gap: 8px 6px;
  align-items: start;
}
html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-cell, .ps-matrix[data-rows="4"] .ps-cell) {
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  padding: 0;
  align-self: start;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-plan {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 223.27 / 151.592;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-row-heading {
  max-width: none;
  width: 100%;
  padding-top: 4px;
  border-top: 1px solid var(--hair);
  font: 400 11px/1.28 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-row-heading strong {
  display: inline;
  margin: 0 5px 0 0;
  font: 600 12px/1.3 var(--sans);
  color: var(--ink);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-row-heading > span:first-of-type {
  display: inline;
  font: 600 12px/1.3 var(--sans);
  color: var(--ink);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-row-heading > small {
  display: block;
  margin-top: 1px;
  font: 400 11px/1.28 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 2px;
  align-items: end;
  margin-top: 3px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key > :is(.ps-position-caption, .ps-key-enlargement) {
  flex: 0 0 100%;
  margin: 0;
  font: 400 11px/1.25 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key > span:not(.ps-position-caption, .ps-key-enlargement) {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  overflow: visible;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg[data-key-magnification="8"] {
  width: calc(var(--plan-w) * 64 / 223.27);
  height: calc(var(--plan-w) * 64 / 223.27);
  flex: none;
  margin: -3px -8px -2px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key .ps-numbers {
  font-family: var(--sans);
  font-size: 11px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-difference-reading {
  margin: 3px 0 0 !important;
  font: 400 11px/1.25 var(--sans);
  color: var(--soft);
}
@media (min-width: 701px) and (max-width: 1099px) and (min-height: 501px) {
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix {
    --plan-w: calc((100cqw - 180px) / 6);
    grid-template-columns: 156px repeat(6, minmax(0, 1fr));
    gap: 6px 4px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key > span:not(.ps-position-caption, .ps-key-enlargement) {
    order: 1;
    min-height: 64px;
    justify-content: flex-end;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key > :is(.ps-position-caption, .ps-key-enlargement) {
    order: 2;
    flex: 0 0 auto;
    width: max-content;
    max-width: calc(100vw - 96px);
    position: relative;
    z-index: 1;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-difference-reading {
    width: max-content;
    max-width: calc(100vw - 96px);
    position: relative;
    z-index: 1;
  }
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-row-heading.ps-legend-label {
  grid-row: 5;
  font: 600 12px/1.3 var(--sans);
  color: var(--ink);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-legend-label :is(small, span:not(.ps-counterpart-symbol), p.ps-counterpart-key) {
  display: block;
  margin-top: 3px;
  font: 400 11px/1.28 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-counterpart-symbol {
  display: inline-block;
  margin-right: 3px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell-legend {
  grid-row: 5;
  grid-template-rows: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding-top: 4px;
  border-top: 1px solid var(--hair);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix[data-rows="4"] :is(.ps-cell-legend, .ps-row-heading.ps-legend-label) {
  grid-row: 6;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell-legend > .ps-lut {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 64 / 1;
  min-height: 4px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell-legend > p:first-of-type {
  width: 100%;
  margin: 0 0 4px;
  font: 400 10px/1.25 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell-legend > p:nth-of-type(2) {
  width: 100%;
  margin: 14px 0 4px;
  padding-top: 8px;
  border-top: 1px solid var(--hair);
  font: 400 10px/1.25 var(--sans);
  color: var(--soft);
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-lut-labels {
  width: 100%;
  margin-top: 2px;
  font-family: var(--sans);
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 701px) and (max-width: 1050px) and (min-height: 501px) {
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-lut-labels {
    font-size: 9px;
    line-height: 1.2;
    gap: 2px;
  }
}
@media (max-width: 700px) and (min-height: 501px) {
  html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose {
    left: 10px;
  }
  html.d31-seats.plate #register :is(#account, #studyFindings, #studyPlans, #methodRecord) {
    width: 100%;
    max-width: none;
    margin: 20px 0;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet > :is(.ps-title, .ps-keys, .ps-state, .ps-press-hint, .ps-margin) {
    width: 100%;
  }
  html.d31-seats.plate #register :is(.study-findings__summary-table, .study-findings__example-table) :is(th, td) {
    padding: 6px 3px;
    font-size: 12px;
  }
  html.d31-seats.plate #register .study-findings__summary-table td > small {
    font-size: 11px;
  }
  html.d31-seats.plate #register .study-findings__exact-ranges,
  html.d31-seats.plate #register .study-findings__exact-ranges tbody {
    display: block;
    width: 100%;
  }
  html.d31-seats.plate #register .study-findings__exact-ranges thead {
    display: none;
  }
  html.d31-seats.plate #register .study-findings__exact-ranges tbody tr {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid var(--hair);
  }
  html.d31-seats.plate #register .study-findings__exact-ranges tbody th {
    display: block;
    width: 100%;
    padding: 0 0 3px;
    border: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
  }
  html.d31-seats.plate #register .study-findings__exact-ranges tbody td {
    display: block;
    width: 100%;
    padding: 1px 0;
    border: 0;
    color: var(--soft);
  }
  html.d31-seats.plate #register .study-findings__exact-ranges tbody td:nth-child(2)::before {
    content: "Lower endpoint: ";
    content: "Lower endpoint: " / "";
    font-weight: 500;
    color: var(--ink);
  }
  html.d31-seats.plate #register .study-findings__exact-ranges tbody td:nth-child(3)::before {
    content: "Upper endpoint: ";
    content: "Upper endpoint: " / "";
    font-weight: 500;
    color: var(--ink);
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper {
    display: inline-grid;
    grid-template-columns: auto minmax(68px, auto) auto;
    align-items: center;
    gap: 10px;
    margin: 6px 0 12px;
    padding: 5px 10px;
    border: 1px solid var(--hair);
    font: 500 12px/1.3 var(--sans);
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper output {
    text-align: center;
    font-weight: 600;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 0;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-matrix, .ps-matrix[data-rows="4"]) :is(.ps-row-heading, .ps-cell, .ps-cell-legend, .ps-row-heading.ps-legend-label) {
    grid-row: auto;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix :is(.ps-cell, .ps-column-heading, .ps-cell-legend) {
    grid-column: 1 !important;
    max-width: none;
    width: 100%;
    padding-inline: 0;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg[data-key-magnification="8"] {
    width: calc(100cqw * 64 / 223.27);
    height: calc(100cqw * 64 / 223.27);
    margin: -8px 0 -6px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-lut-labels {
    font-size: 11px;
  }
}
@media (max-width: 920px) and (max-height: 500px) {
  html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose {
    left: 42px;
  }
  html.d31-seats.plate #register :is(#account, #studyFindings, #methodRecord) {
    width: calc(100% - 40px);
    max-width: none;
    margin: 18px auto;
  }
  html.d31-seats.plate #register :is(#account, #studyFindings) :is(p, figcaption) {
    max-width: 33em;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet > :is(.ps-title, .ps-keys, .ps-state, .ps-press-hint, .ps-margin) {
    width: calc(100% - 40px);
    max-width: none;
    margin-inline: auto;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measure-reading, .ps-margin p) {
    max-width: 38em;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper {
    display: inline-grid;
    grid-template-columns: auto minmax(68px, auto) auto;
    align-items: center;
    gap: 10px;
    margin: 6px 0 10px 20px;
    padding: 5px 10px;
    border: 1px solid var(--hair);
    font: 500 12px/1.3 var(--sans);
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper output {
    text-align: center;
    font-weight: 600;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix {
    --plan-w: min(calc((100cqw - 14px) * 0.6), calc((100svh - 84px) * 223.27 / 151.592));
    width: calc(100% - 40px);
    max-width: none;
    margin-inline: auto;
    grid-template-columns: calc((100% - 14px) * 0.4) calc((100% - 14px) * 0.6);
    gap: 10px 14px;
    align-items: start;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-matrix :is(.ps-cell, .ps-column-heading, .ps-cell-legend) {
    grid-column: 2;
    max-width: none;
    width: 100%;
    padding-inline: 0;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-plan {
    width: var(--plan-w);
    max-width: 100%;
    margin-inline: auto;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg[data-key-magnification="8"] {
    width: calc(var(--plan-w) * 64 / 223.27);
    height: calc(var(--plan-w) * 64 / 223.27);
    margin: -8px -10px -5px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-lut-labels {
    font-size: 11px;
  }
}
@media (max-width: 599px) and (max-height: 500px) {
  html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose {
    left: 30px;
  }
}
html.d31-seats.plate.h-cell-open[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #planChoices {
  display: none;
}
@supports selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) {
    grid-template-columns: minmax(0, 1fr) max-content max-content;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > th button {
    display: block;
    padding-bottom: calc(var(--num-line) + 2px);
    line-height: var(--num-line);
    text-underline-offset: max(1px, calc(var(--num-line) - 13px));
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > th button small {
    line-height: inherit;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) {
    display: contents;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) > .numbers-comparison-strip-s014 {
    grid-column: 2 / 4;
    grid-row: 1;
    justify-self: end;
    align-self: center;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:nth-child(3) > .numbers-precision-miss {
    grid-column: 1 / 3;
    grid-row: 2;
    justify-self: end;
    align-self: end;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:not(:has(th button[aria-expanded=true])) > td:last-child {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
  }
}
@supports not selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
    grid-template-columns: minmax(0, 1fr) max-content max-content;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button {
    display: block;
    padding-bottom: calc(var(--num-line) + 2px);
    line-height: var(--num-line);
    text-underline-offset: max(1px, calc(var(--num-line) - 13px));
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > th button small {
    line-height: inherit;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) {
    display: contents;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-comparison-strip-s014 {
    grid-column: 2 / 4;
    grid-row: 1;
    justify-self: end;
    align-self: center;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-precision-miss {
    grid-column: 1 / 3;
    grid-row: 2;
    justify-self: end;
    align-self: end;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr > td:last-child {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
  }
}
@media (max-height: 279px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #bandIn {
    padding-top: 4px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #seatWall:not([hidden]) {
    margin: 0 0 4px;
    font: 400 12.5px/16px var(--sans);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position b {
    line-height: 17px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band {
  --r12-names:102px;
  --r12-names-gap:10px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow #soundDrawing {
  left: calc(var(--r12-names) + var(--r12-names-gap));
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow #time {
  left: calc(var(--r12-names) + var(--r12-names-gap));
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button {
  white-space: normal;
  line-height: 17px;
  padding-right: calc(100% - var(--r12-names));
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape.compact-foot) #band {
  --r12-names:89px;
  --r12-names-gap:6px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape.compact-foot) #band #exchange button {
  font-size: 13px;
  line-height: 13.5px;
}
@media (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band {
    --r12-names:102px;
    --r12-names-gap:10px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band #exchange button {
    font-size: 15px;
    line-height: 17px;
  }
}
@media (max-height: 299px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band {
    --r12-names:115px;
    --r12-names-gap:6px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band #exchange button {
    white-space: nowrap;
    line-height: 16px;
  }
}
html.d31-seats.plate.h-cell-open.h-cell-seat[data-view=seat].plate-phone.phone-foot #band {
  --r12-names:115px;
  --r12-names-gap:6px;
}
html.d31-seats.plate.h-cell-open.h-cell-seat[data-view=seat].plate-phone.phone-foot #band #exchange button {
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band {
    --r12-names:115px;
    --r12-names-gap:6px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band #exchange button {
    white-space: nowrap;
    font-size: 13px;
    line-height: 16px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.more-open):not(.more-closing) #band #footPlan {
  display: contents;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band {
  --r12-wt:6.7em;
  --r12-slot:5.05em;
  --r12-g:10px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions {
  column-gap: var(--r12-g);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatActions #stand {
  box-sizing: border-box;
  width: var(--r12-wt);
  margin-right: calc(var(--r12-slot) + var(--r12-g));
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions #door {
  text-wrap: balance;
}
@media (max-width: 433px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band #seatActions {
    column-gap: var(--r12-g);
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band #seatActions #door {
    text-wrap: balance;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band #seatActions #moreKey {
    margin-left: 0;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band #seatActions #door {
    max-width: 4.7em;
    margin-left: auto;
    line-height: 20px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions #moreKey {
  margin-left: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions #door {
  max-width: 4.7em;
  margin-left: auto;
  line-height: 20px;
}
@media (max-width: 359px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band {
    --r12-wt:3.6em;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot #band #seatActions #stand {
    white-space: normal;
    line-height: 20px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey {
  grid-area: 8 / 1;
  justify-self: start;
  align-self: center;
  position: sticky;
  bottom: 0;
  z-index: 4;
  box-sizing: border-box;
  width: var(--r12-slot);
  gap: 8px;
  height: 44px;
  min-height: 44px;
  margin: 0 0 0 calc(var(--r12-wt) + var(--r12-g));
  padding: 0;
  font: 400 15px/20px var(--sans);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey > span {
  white-space: nowrap;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot.plate-short, .phone-landscape) #band #seatsKey {
  grid-area: 4 / 1;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey::before {
  content: none;
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey {
  gap: 5px;
  padding-left: 8px;
  line-height: 20px;
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #seatsKey > span {
  white-space: normal;
}
@media (max-width: 720px) and (orientation: landscape) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band {
    --r12-wt:3.5em;
    --r12-slot:3.4em;
  }
  html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats.phone-landscape #band {
    --r12-slot:calc(20px + 3.3em);
    --r12-g:6px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions #stand {
    white-space: normal;
    line-height: 18px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatsKey {
    width: var(--r12-slot);
    font: 400 13px/18px var(--sans);
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatsKey > span {
    white-space: normal;
  }
  html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatsKey {
    gap: 4px;
    padding-left: 3px;
    line-height: 18px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #seatActions #door {
    line-height: 18px;
  }
}
@media (max-height: 339px) and (min-width: 640px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatActions #stand {
    width: auto;
    margin-right: 0;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatActions #moreKey {
    margin-left: auto;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatsKey {
    justify-self: end;
    width: auto;
    margin: 0 54px 0 0;
    font-size: 15px;
    line-height: 17px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatsKey > span {
    white-space: nowrap;
  }
  html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatsKey {
    gap: 5px;
    padding-left: 0;
    line-height: 17px;
  }
  html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.phone-landscape.many-seats #band #seatsKey > span {
    white-space: nowrap;
  }
  html.d31-seats.plate.seats-open[data-view=seat].plate-phone.phone-landscape.many-seats:not(.numbers-open, .more-open, .more-closing) #band #seatsKey {
    gap: 5px;
  }
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #planChoices {
  display: block !important;
  bottom: calc(51px + env(safe-area-inset-bottom, 0px));
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.more-open) #band #seatsKey {
  z-index: 9;
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats.phone-landscape #band #planChoices {
  bottom: calc(49px + env(safe-area-inset-bottom, 0px));
  max-height: calc(100svh - 49px - env(safe-area-inset-bottom, 0px));
}
html.d31-seats.plate.numbers-open.seats-open[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #numbersRoom {
  visibility: hidden;
}
html.d31-seats.plate.plate-phone.many-seats.seats-open[data-view]:is(.phone-foot, .phone-landscape) #band #seatsKey[aria-expanded=true]::before {
  content: "\d7";
  content: "\d7" / "";
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  width: 13px;
  height: 13px;
  border: 0;
  border-radius: 0;
  font: 400 20px/13px var(--sans);
  color: var(--ink);
}
@supports selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td {
    visibility: visible;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures col:nth-child(1) {
    width: 30%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures col:nth-child(2) {
    width: 19%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures col:nth-child(3) {
    width: 24%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures col:nth-child(4) {
    width: 11%;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom .d29-numbers-scroll:has(tbody th button[aria-expanded=true]) table.joined-five-measures col:nth-child(5) {
    width: 16%;
  }
  @media (max-height: 599px) {
    html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden]) {
      line-height: 20px;
    }
  }
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  box-sizing: border-box;
  min-width: 44px;
  justify-content: center;
  padding: 0 4px;
  margin-right: -4px;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape) #band #seatActions #moreKey {
  margin-left: -4px;
}
@media (max-width: 1279px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > :is(#plan, #planControls) {
    inset: 0 0 auto auto !important;
    width: calc(100% + 12px) !important;
    height: auto !important;
    aspect-ratio: 29 / 20;
    max-height: 100%;
  }
}
#register:focus,
#register [tabindex="-1"]:focus {
  outline: none;
}
#register[data-register-view=method] #studyFindings,
#register[data-register-view=method] #studyPlans {
  display: none !important;
}
#register #methodTopBar {
  display: none;
}
html:is(.reading-register, .method-closing) #register[data-register-view=method] {
  clip-path: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  scroll-padding-top: 72px;
}
html:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar {
  position: sticky;
  top: 0;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  min-height: 56px;
  height: 56px;
  margin: 0 0 28px;
  padding: 0 max(20px, calc(50% - 390px));
  box-sizing: border-box;
  background: var(--paper);
  border-bottom: 1px solid var(--hair);
}
html:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;
  background:
    linear-gradient(
      to bottom,
      var(--paper),
      rgba(245, 243, 239, 0));
  pointer-events: none;
}
html:is(.reading-register, .method-closing) #methodClose,
#register #methodTopBar #methodStudyKey {
  box-sizing: border-box;
  height: 55px;
  min-height: 55px;
  margin: 0;
  padding: 14px 10px 10px;
  display: inline-grid;
  place-content: center;
  border: 0;
  border-bottom: 1px solid var(--ink);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font: 400 15px/18px var(--sans);
  cursor: pointer;
}
#register #methodTopBar #methodStudyKey:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate #register[data-register-view=method] #account,
html.d31-seats.plate #register[data-register-view=method] #methodRecord,
#register[data-register-view=method] #account,
#register[data-register-view=method] #methodRecord {
  max-width: none;
  width: min(780px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
#register[data-register-view=method] #account {
  margin-top: 0;
  margin-bottom: 24px;
}
#register[data-register-view=method] #methodRecord {
  margin-top: 0;
  margin-bottom: 48px;
}
#register #methodRecord > summary {
  font: 500 12px/18px var(--mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soft);
  padding: 6px 0;
  margin: 0 0 8px;
  border-bottom: 1px solid var(--hair);
  list-style: none;
}
#register #methodRecord > summary::-webkit-details-marker {
  display: none;
}
#register #registerHead {
  margin: 24px 0 14px;
  padding-top: 18px;
  border-top: 1px solid var(--ink);
}
#register #methodRecord .method-record-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 10px 0 20px;
  font: 400 13px/20px var(--mono);
}
#register #methodRecord .method-record-links br {
  display: none;
}
#register #methodRecord .method-record-links a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#register #methodContents {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0 0 28px;
  padding: 10px 0;
  border-top: 1px solid var(--hair);
  border-bottom: 1px solid var(--hair);
  font: 400 13px/20px var(--sans);
}
#register #methodContents a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--hair);
  text-underline-offset: 3px;
  white-space: nowrap;
}
#register #methodContents a:hover,
#register #methodContents a:focus-visible {
  text-decoration-color: var(--ink);
}
#register #methodSecLimits.method-limits-callout {
  margin: 36px 0;
  padding: 20px 22px 24px;
  border: 1px solid var(--ink);
  border-left: 3px solid var(--ink);
  background: rgba(20, 22, 21, 0.025);
  box-sizing: border-box;
}
#register #methodSecLimits.method-limits-callout > h2:first-child {
  margin-top: 0;
}
#register #methodSecLimits h3 {
  font: 500 16px/22px var(--sans);
  margin: 22px 0 8px;
  color: var(--ink);
}
#register #methodSecLimits details {
  margin: 8px 0 18px;
  padding: 8px 12px;
  border-left: 2px solid var(--hair);
  background: rgba(20, 22, 21, 0.02);
}
#register #methodSecLimits details > summary {
  font: 400 13px/20px var(--mono);
  color: var(--ink);
}
#register #methodSecLedgers {
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px solid var(--ink);
}
#register .method-bulk-ledger {
  margin: 12px 0;
  border: 1px solid var(--hair);
  background: var(--paper);
  box-sizing: border-box;
}
#register .method-bulk-ledger > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 14px;
  font: 500 14px/20px var(--sans);
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}
#register .method-bulk-ledger > summary::-webkit-details-marker {
  display: none;
}
#register .method-bulk-ledger > summary::after {
  content: "+";
  flex: none;
  font: 400 16px/1 var(--mono);
  color: var(--soft);
}
#register .method-bulk-ledger[open] > summary {
  border-bottom: 1px solid var(--hair);
}
#register .method-bulk-ledger[open] > summary::after {
  content: "\2212";
}
#register .method-bulk-ledger[open] > :not(summary) {
  margin-left: 14px;
  margin-right: 14px;
}
#register #account p,
#register #methodRecord p,
#register #methodRecord h2,
#register #methodRecord h3,
#register #methodRecord summary,
#register #methodRecord a {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
html.d31-seats.plate #register #methodRecord .method-table-scroll,
#register #methodRecord .method-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  margin: 16px 0 24px;
  border-bottom: 1px solid var(--hair);
  box-sizing: border-box;
}
@media (max-width: 640px) {
  #register #methodRecord .method-table-scroll::before {
    content: "Swipe table horizontally \2192";
    display: block;
    font: 400 11px/16px var(--mono);
    color: var(--soft);
    text-align: right;
    padding: 0 0 4px;
  }
  #register #methodSecLimits.method-limits-callout {
    padding: 16px 14px 18px;
  }
}
html:is(.phone-foot, .phone-landscape) #register #methodRecord .method-table-scroll::before {
  content: "Swipe table horizontally \2192";
  display: block;
  font: 400 11px/16px var(--mono);
  color: var(--soft);
  text-align: right;
  padding: 0 0 4px;
}
html.d31-seats.plate #register #methodRecord table,
#register #methodRecord table {
  display: table !important;
  width: 100%;
  min-width: 580px;
  margin: 0;
  border-collapse: collapse;
  font: 400 12px/18px var(--mono);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 640px) {
  html.d31-seats.plate #register #methodRecord table,
  #register #methodRecord table {
    min-width: 560px;
  }
  html.d31-seats.plate #register #methodRecord :is(th, td):first-child,
  #register #methodRecord :is(th, td):first-child {
    box-sizing: border-box;
    min-width: 126px;
    width: 126px;
    max-width: 126px;
  }
  html.d31-seats.plate #register #methodRecord :is(th, td):nth-child(2),
  #register #methodRecord :is(th, td):nth-child(2) {
    box-sizing: border-box;
    min-width: calc(100vw - 40px - 126px);
    width: calc(100vw - 40px - 126px);
  }
}
html.d31-seats.plate #register #methodRecord caption,
#register #methodRecord caption {
  caption-side: top;
  text-align: left !important;
  font: 500 14px/20px var(--sans);
  color: var(--ink);
  padding: 0 0 8px;
  border-bottom: 1px solid var(--ink);
}
html.d31-seats.plate #register #methodRecord :is(th, td),
#register #methodRecord :is(th, td) {
  text-align: left;
  vertical-align: top;
  padding: 8px 14px 8px 0;
  border-bottom: 1px solid var(--hair);
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none;
}
html.d31-seats.plate #register #methodRecord th:last-child,
html.d31-seats.plate #register #methodRecord td:last-child,
#register #methodRecord th:last-child,
#register #methodRecord td:last-child {
  padding-right: 0;
}
html.live #simulationSourceStatus,
#simulationSourceStatus:not([data-phase=deferred]),
#simulationSourceStatus[hidden] {
  display: none !important;
}
html.live #register #simulationSourceStatus:not([data-phase=deferred]):not([hidden]),
#register #simulationSourceStatus:not([data-phase=deferred]):not([hidden]) {
  display: block !important;
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] {
  clip-path: none;
  z-index: 6;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersWall.numbers-wall-in-precision {
  display: none;
}
html.d31-seats.plate.study-position-sheet[data-view=seat] #band #positionGroup > #hCellReadingBlock #hCellReading.study-reading-duplicate-place > #hCellReadingName {
  display: none;
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading #numbersPrecisionClose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  align-self: start;
  flex: none;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 6px;
  font: 400 15px/20px var(--sans);
  letter-spacing: 0;
  text-transform: none;
  border: 0;
  border-radius: 0;
  background: linear-gradient(var(--key-line), var(--key-line)) no-repeat content-box left calc(50% + 11px) / 100% 1px;
}
@media (forced-colors: active) {
  html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading #numbersPrecisionClose {
    background: none;
    text-decoration: underline;
  }
}
@media (max-height: 299px) and (min-width: 500px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #bandIn {
    grid-template-rows: min-content minmax(44px, max-content) minmax(0, 1fr) 44px 44px;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #sentence {
    align-self: start;
    align-items: center;
    height: auto;
    min-height: 44px;
    max-width: 100%;
  }
}
html.d31-seats.plate #graphicsStatus {
  position: absolute;
  top: 74px;
  left: 20px;
  right: 20px;
  max-width: 34em;
  margin: 0 auto;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--hair);
  font: 13px/1.45 var(--sans);
  z-index: 30;
}
html.d31-seats.plate #graphicsStatus button,
html.d31-seats.plate .c33-retry-notice button {
  color: inherit;
  font: inherit;
  text-decoration: underline;
  min-height: 44px;
}
html.d31-seats.plate[data-graphics] :is(#buildings, #cut, #cutGrip, #voice, #viewNearer, #viewBack, #seatRingKey, #seatTags, #leafRow, #arrivalNote) {
  visibility: hidden !important;
  pointer-events: none !important;
}
html.d31-seats.plate[data-graphics] :is(#lines, #stone) {
  visibility: hidden !important;
}
html.d31-seats.plate.reading-register #graphicsStatus {
  visibility: hidden;
}
html.d31-seats.plate .c33-retry-notice {
  margin: 4px 0;
  color: var(--ink);
  font: inherit;
  white-space: normal;
}
html.d31-seats.plate #numbersFailure {
  grid-column: 1/-1;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReadingContext {
  display: block;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReading > span:not(:empty) {
  display: block;
}
html.d31-seats.plate #studyCellFailure {
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band):where([data-cell-failure=true]) #bandIn {
  grid-template-rows: minmax(0, 1fr) 44px;
}
html.d31-seats.plate.study-cell-mounted[data-view=overlook]:not(.phone-foot, .phone-landscape) #band:is(#band):where([data-cell-failure=true]) #positionGroup {
  pointer-events: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding: 8px;
}
html.d31-seats.plate.study-cell-mounted.study-position-sheet.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup:has(> #hCellReadingBlock #studyCellFailure) {
  flex-wrap: nowrap;
}
html.d31-seats.plate.study-cell-mounted.study-position-sheet.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup > #hCellReadingBlock:has(#studyCellFailure) {
  pointer-events: auto;
  min-height: 0;
  flex: 0 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding: 8px;
}
@media (forced-colors: active) {
  html.d31-seats.plate #scroller #stage button.name[aria-pressed] {
    background-color: Canvas;
    color: ButtonText;
    border-radius: 2px;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=true] {
    color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=true] b {
    color: Highlight;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 2.5px;
    text-decoration-color: Highlight;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=true] .when {
    color: CanvasText;
    font-weight: 600;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=false] {
    color: ButtonText;
    outline: 1px dashed ButtonText;
    outline-offset: 2px;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=false] b {
    color: ButtonText;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-decoration-color: ButtonText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed=false] .when {
    color: CanvasText;
    font-weight: 400;
  }
  html.d31-seats.plate #scroller #stage button.name[aria-pressed]:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
  }
  html.d31-seats.plate #scroller #cutGrip::before {
    background-color: Canvas;
    background-image: none;
    border: 2px solid ButtonText;
  }
  html.d31-seats.plate #scroller #cutGrip::after {
    content: "\25c2\25b8";
    content: "\25c2\25b8" / "";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: ButtonText;
    font: 700 10px/1 var(--sans);
    letter-spacing: 1px;
    pointer-events: none;
  }
  html.d31-seats.plate #scroller #cutGrip:hover::before,
  html.d31-seats.plate #scroller #leaf:focus-visible + #cutGrip::before {
    border-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #scroller #cutGrip:hover::after {
    color: Highlight;
  }
  html.d31-seats.plate #scroller #cutHint {
    background-color: Canvas;
    color: CanvasText;
    border: 1px solid CanvasText;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) button[aria-pressed=true]:not(#sentence) {
    color: Highlight;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-decoration-color: Highlight;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) button[aria-pressed=false]:not(#sentence) {
    color: ButtonText;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-decoration-color: ButtonText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn) #sentence[aria-pressed=false] q#words {
    color: ButtonText;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1.5px;
    text-decoration-color: ButtonText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn) #sentence[aria-pressed=true] q#words {
    color: Highlight;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-decoration-color: Highlight;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) :is(#viewNearer, #viewBack, #wholeStudy, #stand, #returnStage, #hCellReturn, #numbersPrecisionClose, .numbers-precision-key-s014, #numbersToolbar button):not(:disabled):not([aria-pressed]):not([aria-expanded]) {
    color: ButtonText;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1.5px;
    text-decoration-color: ButtonText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) :is(#studyOpeningLink, #door, #registerLink, #footOptions a[href]) {
    color: LinkText;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1.5px;
    text-decoration-color: LinkText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) :is(button[aria-expanded=true], #seatsKey[aria-expanded=true] > span) {
    color: Highlight;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-decoration-color: Highlight;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) :is(button[aria-expanded=false], #seatsKey[aria-expanded=false] > span) {
    color: ButtonText;
    border-bottom-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-decoration-color: ButtonText;
    text-underline-offset: 4px;
  }
  html.d31-seats.plate #scroller #band #numbersRoom table.joined-five-measures tbody tr > th button[aria-expanded=true] {
    color: Highlight;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: 3px !important;
    text-decoration-color: Highlight !important;
  }
  html.d31-seats.plate #scroller #band #numbersRoom table.joined-five-measures tbody tr > th button[aria-expanded=false] {
    color: ButtonText;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: ButtonText !important;
  }
  html.d31-seats.plate #scroller #band :is(#bandIn #footCaption #positionGroup #dataModes, #bandIn, #numbersRoom) :is(#viewBack, #viewNearer, #inputKey, button):disabled {
    color: GrayText;
    border-color: transparent;
    text-decoration-line: none;
    text-decoration-color: transparent;
    outline: none;
  }
  html.d31-seats.plate #scroller #band :is(button, a[href]):focus-visible {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate:is(.reading-register, .method-closing) #register:focus,
  html.d31-seats.plate:is(.reading-register, .method-closing) #register:focus-visible {
    outline: none;
  }
  html.d31-seats.plate.reading-register:not(.method-opening) #scroller::before {
    height: 52px;
    background-color: Canvas;
    background-image: none;
    border-bottom: 1px solid CanvasText;
  }
  html:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar {
    background-color: Canvas;
    background-image: none;
    border-bottom: 1px solid CanvasText;
  }
  html:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar::after {
    display: none;
  }
  html:is(.reading-register, .method-closing) #methodClose,
  html.d31-seats.plate:is(.reading-register, .method-closing) #methodClose,
  #register #methodTopBar #methodStudyKey {
    background-color: Canvas;
    color: ButtonText;
    border-bottom: 1.5px solid ButtonText;
    text-decoration: none;
  }
  html:is(.reading-register, .method-closing) #methodClose:hover,
  html:is(.reading-register, .method-closing) #methodClose:focus-visible,
  #register #methodTopBar #methodStudyKey:hover,
  #register #methodTopBar #methodStudyKey:focus-visible {
    color: Highlight;
    border-bottom-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet button[aria-pressed=true] {
    color: Highlight;
    font-weight: 700;
    border-bottom: 2.5px solid Highlight;
    text-decoration: none;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet button[aria-pressed=false] {
    color: ButtonText;
    font-weight: 400;
    border-bottom: 1px dotted ButtonText;
    text-decoration: none;
    outline: none;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet button:disabled {
    color: GrayText;
    border-color: GrayText;
    text-decoration: none;
    outline: none;
  }
  html.d31-seats.plate #register #studyFindings .study-findings__seat-key,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-method button {
    color: ButtonText;
    background-color: Canvas;
    border-bottom: 1.5px solid ButtonText;
    text-decoration: none;
  }
  html.d31-seats.plate #register #studyFindings .study-findings__seat-key:hover,
  html.d31-seats.plate #register #studyFindings .study-findings__seat-key:focus-visible,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-method button:hover,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-method button:focus-visible {
    color: Highlight;
    border-bottom-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper {
    background-color: Canvas;
    color: CanvasText;
    border: 1px solid CanvasText;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button {
    background-color: Canvas;
    color: ButtonText;
    border: 1px solid ButtonText;
    text-decoration: none;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button:hover,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button:focus-visible {
    color: Highlight;
    border-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 1px;
  }
  html.d31-seats.plate #register details > summary {
    color: ButtonText;
    border-bottom: 1px dotted ButtonText;
    text-decoration: none;
  }
  html.d31-seats.plate #register details[open] > summary {
    color: Highlight;
    font-weight: 700;
    border-bottom: 2px solid Highlight;
  }
  html.d31-seats.plate #register .method-bulk-ledger > summary::after {
    color: currentColor;
    font-weight: 700;
  }
  html.d31-seats.plate #register details > summary:hover,
  html.d31-seats.plate #register details > summary:focus-visible {
    color: Highlight;
    border-bottom-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #register :is(#studyFindings, #account, #methodContents, #methodRecord, #methodSecLimits, #methodSecVoices) a[href] {
    color: LinkText;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1.5px;
    text-decoration-color: LinkText;
    text-underline-offset: 3px;
  }
  html.d31-seats.plate #register :is(#studyFindings, #account, #methodContents, #methodRecord, #methodSecLimits, #methodSecVoices) a[href]:hover,
  html.d31-seats.plate #register :is(#studyFindings, #account, #methodContents, #methodRecord, #methodSecLimits, #methodSecVoices) a[href]:focus-visible {
    color: Highlight;
    text-decoration-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #register,
  html.d31-seats.plate #register #studyPlans .ps-sheet,
  html.d31-seats.plate #register .method-bulk-ledger,
  html.d31-seats.plate #register #methodSecLimits.method-limits-callout,
  html.d31-seats.plate #register #methodSecLimits details {
    background-color: Canvas;
    color: CanvasText;
  }
  html.d31-seats.plate #register #methodSecLimits.method-limits-callout {
    border: 1px solid CanvasText;
    border-left: 3px solid CanvasText;
  }
  html.d31-seats.plate #register #methodSecLimits details {
    border-left: 2px solid CanvasText;
  }
  html.d31-seats.plate #register .method-bulk-ledger {
    border: 1px solid CanvasText;
  }
  html.d31-seats.plate #register :is(#registerHead, #methodSecLedgers, #methodContents, .ps-row-heading, .ps-cell-legend, .ps-cell-legend > p:nth-of-type(2), .study-findings__figure tbody tr, .study-findings__exact-ranges tbody tr) {
    border-top-color: CanvasText;
  }
  html.d31-seats.plate #register :is(#methodContents, .method-table-scroll) {
    border-bottom-color: CanvasText;
  }
  html.d31-seats.plate #register :is(caption, thead th) {
    color: CanvasText;
    border-bottom: 1.5px solid CanvasText;
  }
  html.d31-seats.plate #register :is(tbody th, tbody td) {
    color: CanvasText;
    border-bottom: 1px solid CanvasText;
  }
  html.d31-seats.plate #register :is(.study-findings__summary-table td > span, .study-findings__summary-table td > small, .study-findings__example-table tbody th small, .study-findings__example-table tbody td small, .study-findings__exact-ranges tbody td::before, .ps-press-hint, .ps-row-heading, .ps-row-heading strong, .ps-row-heading > span, .ps-row-heading > small, .ps-position-key > .ps-position-caption, .ps-position-key > .ps-key-enlargement, .ps-position-key .ps-numbers, .ps-difference-reading, .ps-legend-label small, .ps-legend-label span, .ps-legend-label p.ps-counterpart-key, .ps-cell-legend > p, .ps-lut-labels, .ps-cell:not(.ps-row-0)::before, .ps-cell-legend::before, #methodRecord .method-table-scroll::before) {
    color: CanvasText;
  }
  html.d31-seats.plate #register #studyFindings .study-findings__plan svg.ps-plan,
  html.d31-seats.plate #register #studyPlans .ps-sheet svg.ps-plan,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell-legend > svg.ps-lut {
    forced-color-adjust: none;
    background-color: var(--paper);
    color: var(--ink);
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg[data-key-magnification="8"] {
    clip-path: inset(8px 10px round 3px);
    outline: none;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell.ps-interactive:hover svg.ps-plan,
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-cell.ps-interactive:focus-visible svg.ps-plan {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
}
@media (forced-colors: active) {
  html.d31-seats.plate[data-view] #band {
    background-color: Canvas !important;
    background-image: none !important;
    color: CanvasText;
    outline: 1px solid CanvasText;
  }
  html.d31-seats.plate[data-view] #band #bandIn {
    background-color: Canvas !important;
    background-image: none !important;
    color: CanvasText;
  }
  html.d31-seats.plate[data-view] #band::before,
  html.d31-seats.plate[data-view] #band #seatActions::before,
  html.d31-seats.plate[data-view] #band #footOptions::after,
  html.d31-seats.plate[data-view] #band #numbersRoom .d29-numbers-scroll::after,
  html.d31-seats.plate[data-view] #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden])::after {
    display: none !important;
  }
  html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #seatActions {
    background-color: Canvas !important;
    background-image: none !important;
    box-shadow: 0 40px 0 Canvas !important;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open, .more-open, .seats-open) #band #seatActions::after {
    background-color: Canvas !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band :is(#seatsKey, #soundSummary) {
    background-color: Canvas;
  }
  html.d31-seats.plate[data-view] #band #footOptions {
    background-color: Canvas !important;
    background-image: none !important;
    color: CanvasText;
    box-shadow: none !important;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading {
    background-color: Canvas !important;
    border-bottom: 1px solid CanvasText;
  }
  html.d31-seats.plate.seats-open[data-view].plate-phone.many-seats:is(.phone-foot, .phone-landscape) #band #planChoices {
    background-color: Canvas !important;
    background-image: none !important;
    color: CanvasText;
    box-shadow: none !important;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices::after {
    background-color: Canvas !important;
    background-image: none !important;
    color: CanvasText !important;
    border-top: 1px solid CanvasText;
  }
  html.d31-seats.plate[data-view].plate-phone.many-seats.seats-open:is(.phone-foot, .phone-landscape) #band #planChoices .ear-seat-choice[data-tier-start=true]:not(:first-child)::after {
    background-color: CanvasText !important;
  }
  html.d31-seats.plate :is(#lookHint, #returnStage),
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #quiet:not([hidden]),
  html.d31-seats.plate.study-return-floating #hCellFoot #hCellReturn,
  html.d31-seats.plate #graphicsStatus {
    background-color: Canvas !important;
    color: CanvasText !important;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  html.d31-seats.plate #band #footPlan > #plan,
  html.d31-seats.plate #band #footPlan > #planControls,
  html.d31-seats.plate #band #footPlan > #planControls * {
    forced-color-adjust: none;
  }
  html.d31-seats.plate #band #footPlan > #plan {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
    border-radius: 2px;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  html.d31-seats.plate #band #footPlan > #planControls .ear-seat-choice[data-choice-mode=marks] .ear-seat-play {
    border-color: var(--ink) !important;
    background-color: transparent !important;
  }
  html.d31-seats.plate #band #footPlan > #planControls .ear-seat-choice[data-choice-mode=marks]:is([data-seat-ui=seated], [data-seat-ui=pressed], [aria-pressed=true]) .ear-seat-play {
    border-color: var(--ink) !important;
    background-color: var(--ink) !important;
  }
  html.d31-seats.plate #band #footPlan > #planControls .ear-plan-name {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow {
    z-index: 3;
    pointer-events: none;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing,
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing * {
    forced-color-adjust: none;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
    border-radius: 2px;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing::before,
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    box-sizing: border-box;
    pointer-events: none;
    border-bottom: 1px solid rgba(42, 34, 25, 0.38);
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing::before {
    height: calc((100% - 26px) / 2);
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #soundDrawing::after {
    bottom: 18px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #timeRow #soundDrawing::before {
    height: calc((100% - 22px) / 2);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #timeRow #soundDrawing::after {
    bottom: 14px;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #timeRow #envelopePlayhead {
    background-color: var(--ink) !important;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #timeRow #timeNote {
    background-color: transparent !important;
    color: CanvasText !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow #timeNote {
    forced-color-adjust: none;
    background-color: var(--paper) !important;
    color: var(--ink) !important;
    padding: 0 4px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange button {
    text-shadow: none !important;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing,
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing * {
    forced-color-adjust: none;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
    border-radius: 2px;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
    padding: 0 4px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing :is(.numbers-scale-zero, .numbers-scale-start, .numbers-scale-end) {
    background-color: var(--paper) !important;
    color: var(--ink) !important;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing svg.d29-numbers-scale line {
    stroke: var(--ink) !important;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing svg.d29-numbers-scale circle.numbers-resolved {
    fill: var(--ink) !important;
    stroke: var(--ink) !important;
  }
  html.d31-seats.plate #band #numbersRoom .d29-numbers-drawing svg.d29-numbers-scale circle.numbers-unresolved {
    fill: var(--paper) !important;
    stroke: var(--ink) !important;
  }
  html.d31-seats.plate #band #sentence .play {
    forced-color-adjust: none;
    box-sizing: border-box !important;
    width: 12px !important;
    height: 14px !important;
    background-color: transparent !important;
    background-image: none !important;
    clip-path: none !important;
    border-style: solid !important;
    border-width: 7px 0 7px 12px !important;
    border-color: transparent transparent transparent ButtonText !important;
  }
  html.d31-seats.plate #band #sentence:hover:not(:disabled) .play,
  html.d31-seats.plate #band #sentence:focus-visible .play {
    border-left-color: Highlight !important;
  }
  html.d31-seats.plate #band #sentence:disabled .play {
    border-left-color: GrayText !important;
  }
  html.d31-seats.plate #band #sentence:is([data-command=pause], [aria-pressed=true]) .play {
    forced-color-adjust: none;
    box-sizing: border-box !important;
    width: 12px !important;
    height: 14px !important;
    background-color: transparent !important;
    background-image: none !important;
    clip-path: none !important;
    border-style: solid !important;
    border-width: 0 4px !important;
    border-color: Highlight !important;
  }
  html.d31-seats.plate #band #dataModes > :is(#soundKey, #numbersKey),
  html.d31-seats.plate #band #exchange > button,
  html.d31-seats.plate #band #seatActions :is(button, a),
  html.d31-seats.plate #band #hearChoices .choice,
  html.d31-seats.plate #band #numbersRoom #numbersToolbar :is(button, #wholeStudy),
  html.d31-seats.plate #band #footOptions :is(button, a),
  html.d31-seats.plate.numbers-open[data-view=seat] #band #dataModes #sentence {
    border-bottom-style: none !important;
  }
  html.d31-seats.plate #band :is(#planChoices, #currentSeatChoice) .ear-seat-choice .ear-seat-play {
    forced-color-adjust: none;
    border-color: ButtonText !important;
    background-color: transparent !important;
  }
  html.d31-seats.plate #band :is(#planChoices, #currentSeatChoice) .ear-seat-choice:is([data-seat-ui=seated], [data-seat-ui=pressed], [aria-pressed=true]) .ear-seat-play {
    forced-color-adjust: none;
    border-color: Highlight !important;
    background-color: Highlight !important;
  }
  html.d31-seats.plate #band #seatCount::before {
    border-color: CanvasText !important;
  }
  html.d31-seats.plate.plate-phone.many-seats[data-view]:is(.phone-foot, .phone-landscape) #band #seatsKey:not([aria-expanded=true])::before {
    border-color: ButtonText !important;
  }
  html.d31-seats.plate.plate-phone.many-seats.seats-open[data-view]:is(.phone-foot, .phone-landscape) #band #seatsKey[aria-expanded=true]::before {
    color: Highlight !important;
  }
  html.d31-seats.plate.numbers-open #band #numbersRoom table.joined-five-measures thead[data-shown] th {
    border-bottom-color: CanvasText !important;
  }
  html.d31-seats.plate.numbers-open #band #numbersRoom table.joined-five-measures thead[data-shown] th::before {
    color: CanvasText !important;
  }
  html.d31-seats.plate.numbers-open:not(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody :is(th, td) {
    border-bottom-color: CanvasText !important;
  }
  html.d31-seats.plate.numbers-open.plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom table.joined-five-measures tbody tr {
    border-top-color: CanvasText !important;
  }
  html.d31-seats.plate.numbers-open #band #numbersRoom table.joined-five-measures tbody td:last-child[data-resolved=true] {
    color: Highlight !important;
    font-weight: 600;
  }
  html.d31-seats.plate.numbers-open #band #numbersRoom table.joined-five-measures .d29-numbers-definition:not([hidden]) {
    background-color: Canvas !important;
    color: CanvasText !important;
  }
  html.d31-seats.plate.numbers-open #band #numbersRoom table.joined-five-measures tbody th button[aria-expanded=true]::after {
    color: Highlight !important;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey {
    position: relative;
    color: CanvasText !important;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey > summary {
    color: ButtonText !important;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: ButtonText !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    cursor: pointer;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey[open] > summary {
    color: Highlight !important;
    font-weight: 600;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-color: Highlight !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey > summary:focus-visible {
    outline: 2px solid Highlight !important;
    outline-offset: 2px !important;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey[open] > #numbersVerdictKeyBody {
    background-color: Canvas !important;
    color: CanvasText !important;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
    padding: 2px 6px;
    margin: 4px 0 0;
  }
  html.d31-seats.plate #band #numbersRoom #numbersVerdictKey[data-compact-default=true][open] > #numbersVerdictKeyBody {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 4px);
    z-index: 6;
    margin: 0;
    padding: 6px 8px;
    box-shadow: none !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar {
    box-shadow: none !important;
    border-top: 1px solid CanvasText;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy):not(:disabled):not([aria-disabled=true]) {
    background: none !important;
    background-image: none !important;
    color: ButtonText !important;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-color: ButtonText !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersToolbar :is(button, #wholeStudy):is(:disabled, [aria-disabled=true]) {
    background: none !important;
    background-image: none !important;
    color: GrayText !important;
    text-decoration: none !important;
    opacity: 1 !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #dataModes > :is(#soundKey, #numbersKey) {
    background: none !important;
    background-image: none !important;
  }
}
html.d31-seats.plate[data-view=overlook]:not(.study-cell-mounted) #stage > #home {
  visibility: hidden;
  pointer-events: none;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #positionGroup {
  grid-column: 1 / -1;
  align-self: end;
  margin-bottom: 8px;
  min-height: 0;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle {
  margin: 0;
  font: 400 13px/17px var(--sans);
  letter-spacing: 0;
  color: var(--soft);
  text-wrap: pretty;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle > span {
  display: block;
  font: 500 26px/30px var(--sans);
  letter-spacing: -0.005em;
  color: var(--ink);
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle > span {
    font: 500 22px/26px var(--sans);
  }
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #openingSubtitle {
  display: block;
  margin: 2px 0 3px;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  max-width: none;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #studyOpening {
  display: inline;
  margin: 0;
  font: 400 13px/17px var(--sans);
  color: var(--soft);
  text-wrap: pretty;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #studyOpeningLink {
  color: var(--soft);
  font: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--key-line);
  transition: color 0.12s linear, border-color 0.12s linear;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #studyOpeningLink:is(:hover, :focus-visible) {
  color: var(--ink);
  border-bottom-color: var(--ink);
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #studyOpeningLink:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 2px;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #openingRecordingCoverage {
  display: inline;
  margin: 0 0 0 6px;
  font: 400 13px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #seatRingKey:not([hidden]) {
  display: inline;
  margin: 0 0 0 6px;
  font: 400 13px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink {
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-phone {
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  border-bottom: 1px solid var(--key-line);
  transition: color 0.12s linear, border-color 0.12s linear;
}
html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink:is(:hover, :focus-visible) .opening-study-phone {
  color: var(--ink);
  border-bottom-color: var(--ink);
}
@media (max-height: 339px) and (min-width: 500px) {
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: max-content max-content 20px auto;
    row-gap: 1px;
    min-height: 0;
    height: auto;
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle > span {
    grid-column: 1;
    grid-row: 1;
    font: 500 17px/21px var(--sans);
    color: var(--ink);
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #openingSubtitle {
    grid-column: 1;
    grid-row: 2;
    margin: 1px 0 0;
    font: 400 13px/17px var(--sans);
    color: var(--soft);
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpening {
    grid-column: 1;
    grid-row: 2 / 4;
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    width: 100%;
    min-height: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: 44px;
    height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate[data-view=overlook] #band #theatreTitle #studyOpeningLink,
  html.d31-seats.plate[data-view=overlook]:is(.phone-foot, .phone-landscape) #band #theatreTitle #studyOpeningLink .opening-study-phone {
    transition: none !important;
  }
}
html.d31-seats.plate[data-view=overlook]:not(.study-cell-mounted) #stage > #home {
  visibility: hidden;
  pointer-events: none;
}
html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button {
  margin: 0;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--soft);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button[aria-pressed=true] {
  color: var(--ink);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--ink);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button:hover {
  color: var(--ink);
  text-decoration-color: var(--ink);
}
html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button:disabled {
  color: var(--faint);
  text-decoration: none;
  cursor: default;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button {
  margin: 0;
  padding: 2px 8px;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-decoration: none;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button:disabled {
  color: var(--faint);
  cursor: default;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-method button {
  margin: 0;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
html.d31-seats.plate #register #studyPlans .ps-sheet .ps-method button:hover {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate #register :is(#studyFindings, #studyPlans .ps-margin) details > summary {
  color: var(--ink);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
html.d31-seats.plate #register :is(#studyFindings, #studyPlans .ps-margin) details[open] > summary {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar {
  min-height: 52px;
  height: 52px;
  margin: 0 0 28px;
  padding: 4px max(20px, calc(50% - 390px)) 4px;
  border-bottom: 0;
  background: var(--paper);
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar::after {
  height: 16px;
  background:
    linear-gradient(
      to bottom,
      var(--paper) 0px,
      rgba(241, 237, 232, 0) 16px);
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar #methodStudyKey {
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 10px;
  display: inline-grid;
  place-content: center;
  border: 0;
  border-bottom: 1px solid var(--ink);
  background: transparent;
  color: var(--ink);
  font: 400 15px/18px var(--sans);
}
html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] + #methodClose {
  top: 4px;
  left: max(10px, calc((100vw - 780px) / 2 - 10px));
  right: auto;
  height: 44px;
  min-height: 44px;
  padding: 0 10px;
}
html.d31-seats.plate #register #methodRecord .method-bulk-ledger table > caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html.d31-seats.plate #graphicsStatus {
  padding: 12px 16px;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--line);
  font: 400 14px/20px var(--sans);
}
html.d31-seats.plate #graphicsStatus button,
html.d31-seats.plate .c33-retry-notice button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  padding: 0 4px;
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: var(--key-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
html.d31-seats.plate #graphicsStatus button:hover,
html.d31-seats.plate .c33-retry-notice button:hover {
  text-decoration-color: var(--ink);
}
@media (pointer: coarse) {
  html.d31-seats.plate #register #studyFindings .study-findings__seat-key {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 12px;
    margin-block: -12px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #studyFindings details > summary {
    min-height: 44px;
    padding-block: 9px;
    margin-block: -5px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #studyFindings a[href] {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 12px;
    margin-block: -12px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more, .ps-method) button {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding: 12px 0 9px;
    margin-top: -10px;
    margin-bottom: -7px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-stepper button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 12px 8px;
    margin-block: -10px;
    margin-right: 0;
    border-bottom: 0;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet summary {
    min-height: 44px;
    padding-block: 10px;
    margin-block: -10px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #account a[href] {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 9px;
    margin-block: -9px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #methodRecord > summary {
    min-height: 44px;
    padding: 19px 0 6px;
    margin-top: -13px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #methodRecord .method-record-links a[href] {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 12px;
    margin-block: -12px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #methodContents a[href] {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding-block: 8px;
    margin-block: -8px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #methodSecLimits details > summary {
    min-height: 44px;
    padding-block: 12px;
    margin-block: -12px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register :is(#methodSecLimits, #methodSecVoices) a[href] {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 9px;
    margin-block: -9px;
    box-sizing: border-box;
  }
  html.d31-seats.plate #register #methodRecord td a[href] {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding-block: 13px;
    margin-block: -13px;
    box-sizing: border-box;
  }
}
@media (forced-colors: active) {
  html.d31-seats.plate[data-view=overlook]:not(.study-cell-mounted) #stage > #home {
    visibility: hidden;
    pointer-events: none;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet .ps-position-key svg[data-key-magnification="8"] {
    clip-path: inset(2px round 3px);
    outline: 1px solid CanvasText;
    outline-offset: -3px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button[aria-pressed=true] {
    color: Highlight;
    font-weight: 700;
    border-bottom: 0;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: Highlight;
    text-decoration-thickness: 2.5px;
    text-underline-offset: 4px;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
  html.d31-seats.plate #register #studyPlans .ps-sheet :is(.ps-measures, .ps-meta-keys, .ps-more) button[aria-pressed=false] {
    color: ButtonText;
    font-weight: 400;
    border-bottom: 0;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: ButtonText;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    outline: none;
  }
  html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar {
    background-color: Canvas;
    background-image: none;
    border-bottom: 1px solid CanvasText;
  }
  html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar::after {
    display: none;
  }
  html.d31-seats.plate:is(.reading-register, .method-closing) #register[data-register-view=method] #methodTopBar #methodStudyKey {
    background-color: Canvas;
    color: ButtonText;
    border-bottom: 1.5px solid ButtonText;
  }
  html.d31-seats.plate #graphicsStatus {
    background-color: Canvas;
    color: CanvasText;
    border: 1px solid CanvasText;
  }
  html.d31-seats.plate #graphicsStatus button,
  html.d31-seats.plate .c33-retry-notice button {
    color: ButtonText;
    text-decoration-line: underline;
    text-decoration-color: ButtonText;
    text-decoration-thickness: 1.5px;
  }
  html.d31-seats.plate #graphicsStatus button:hover,
  html.d31-seats.plate #graphicsStatus button:focus-visible,
  html.d31-seats.plate .c33-retry-notice button:hover,
  html.d31-seats.plate .c33-retry-notice button:focus-visible {
    color: Highlight;
    text-decoration-color: Highlight;
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building],
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building] {
  position: relative;
  border-bottom: 0;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--key-line);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building] {
  padding-bottom: 6px;
  text-underline-offset: 6px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building] {
  padding-bottom: 1px;
  text-underline-offset: .32em;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]:hover {
  text-decoration-color: rgba(42, 34, 25, .45);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building][aria-pressed=true],
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building][aria-pressed=true] {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]:disabled,
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]:disabled {
  text-decoration-color: var(--key-line);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after,
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  height: 0;
  border-top: 1px solid var(--key-line);
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after {
  left: calc((100% - 5 * var(--g)) / 3 + 2 * var(--g));
}
@media (max-width: 1180px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after {
    left: 146px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building] {
    font-size: 15px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after {
  left: calc(var(--r12-names) + var(--r12-names-gap));
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building][aria-pressed=true]::after,
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building][aria-pressed=true]::after {
  border-top-color: rgba(42, 34, 25, .62);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]:disabled::after,
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]:disabled::after {
  border-top-color: var(--key-line);
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #exchange button[data-building],
html.d31-seats.plate.h-cell-open.h-cell-seat[data-view=seat].plate-phone.phone-foot:not(.numbers-open) #band #exchange button[data-building] {
  font-size: 12px;
}
@media (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot:not(.numbers-open) #band #exchange button[data-building] {
    font-size: 12px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > .choice-word {
  grid-area: 1 / 1;
  align-self: start;
  justify-self: start;
  margin: 0;
  font: 400 13px/20px var(--sans);
  color: var(--soft);
  white-space: nowrap;
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > button[data-building] {
  grid-column: 1;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #exchange > .choice-word,
html.d31-seats.plate.numbers-open[data-view=seat] #band #exchange > .choice-word {
  display: none;
}
@media (forced-colors: active) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band,
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band {
    background-color: Canvas;
  }
  html.d31-seats.plate[data-view=seat] #band #footPlan > :is(#plan, #planControls) {
    forced-color-adjust: none;
  }
  html.d31-seats.plate[data-view=seat] #band #footPlan > #plan {
    background-color: var(--paper);
    outline: 1px solid CanvasText;
  }
  html.d31-seats.plate[data-view=seat] #band #timeRow #soundDrawing {
    forced-color-adjust: none;
    background-color: var(--paper);
    outline: 1px solid CanvasText;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow #soundDrawing {
    box-shadow: inset 0 -1px 0 CanvasText;
  }
  html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #exchange button[data-building]::after {
    forced-color-adjust: none;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom {
  position: relative;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom > #numbersToolbar {
  order: 2;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersRoot > #numbersVerdictKey {
  flex: 0 1 auto;
  min-height: 0;
  margin: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(var(--r12c-key) + 8px);
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 4px;
  list-style: none;
  cursor: pointer;
  white-space: normal;
  font: 400 13px/17px var(--sans);
  color: var(--ink);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--key-line);
  text-underline-offset: 5px;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary::-webkit-details-marker {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary::marker {
  content: "";
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey[open] > #numbersVerdictKeySummary {
  text-decoration-color: var(--ink);
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeyBody {
  margin: 6px 0 8px;
  font: 400 12px/17px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
  --r12c-key:148px;
  --r12c-gap:18px;
}
@media (max-width: 1279px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
    --r12c-key:74px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
  padding-left: calc(6px + var(--r12c-key) + var(--r12c-gap));
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
  width: calc(var(--r12c-key) + 12px);
  padding: 0 6px;
}
@media (min-width: 1280px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
    line-height: 18px;
    text-underline-offset: 7px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary:hover {
  text-decoration-color: rgba(42, 34, 25, .45);
}
@media (min-width: 1280px) and (max-width: 1365px) and (min-height: 700px) and (max-height: 759px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeyBody {
    margin: 4px 0 6px;
    font-size: 11.5px;
    line-height: 16px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom {
  --r12c-key:74px;
  --r12c-gap:14px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
  padding-left: calc(4px + var(--r12c-key) + var(--r12c-gap));
}
@container (min-width:300px) and (max-width:355px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar :is(button, #wholeStudy).numbers-precision-key-s014 {
    white-space: normal;
    max-width: 4.7em;
    text-align: left;
    line-height: 17px;
    background: none;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--key-line);
    text-underline-offset: 5px;
  }
}
@container (max-width:299px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom > #numbersRoot {
    position: relative;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersHead {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-right: calc(var(--r12c-key) + 12px + 6px);
    white-space: normal;
    text-overflow: clip;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersVerdictKey {
    order: 1;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > .d29-numbers-scroll {
    order: 2;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: calc(var(--r12c-key) + 12px);
    padding: 0 6px;
    justify-content: flex-end;
    text-align: right;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    padding-left: 0;
  }
}
@media (max-width: 736px) and (min-height: 280px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.phone-foot) #band #bandIn {
    padding-top: 10px;
  }
}
@supports selector(:has(a)) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom:has(th button[aria-expanded=true]) #numbersRoot > #numbersVerdictKey {
    display: none;
  }
  html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr:has(th button[aria-expanded=true]) > td.numbers-status-s014 {
    grid-row: 3;
  }
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #positionGroup > #hCellReadingBlock {
  grid-row: 2;
  grid-column: 1;
  margin: 2px 0 4px;
}
html.d31-seats.plate.study-position-sheet[data-view=seat] #band #positionGroup > #hCellReadingBlock #hCellReading.study-reading-duplicate-place > #hCellReadingName {
  display: none;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #bandIn {
  grid-template-rows: min-content auto minmax(0, 1fr) 0 0 0 0 44px;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #positionGroup #position {
  height: auto;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #dataModes {
  height: auto;
  margin: 0;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone.phone-foot.plate-short:is(.phone-foot, .phone-landscape) #band #bandIn {
  padding-top: 8px;
}
@media (min-height: 280px) {
  html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone.phone-landscape:not(.phone-foot) #band #bandIn {
    padding-top: 8px;
  }
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape):is(.phone-foot, .phone-landscape) #band #positionGroup #position {
  padding: 4px 0 2px;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup #position b {
  margin-bottom: 0;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #positionGroup > #hCellReadingBlock {
  margin: 2px 0;
}
html.d31-seats.plate.numbers-open.study-position-sheet[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom > #cellSeatHint {
  margin: 2px 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short) #band #numbersRoom > #numbersFullHouseNote {
  margin: 0 0 1px;
  line-height: 13px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short) #band #numbersRoom #numbersHead {
  padding-bottom: 0;
}
@media (forced-colors: active) {
  html.d31-seats.plate.numbers-open[data-view=seat] #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
    color: ButtonText;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
    text-underline-offset: auto;
  }
}
@media (min-width: 1280px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan {
    margin-top: 34px;
  }
}
@media (min-width: 1280px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > :is(#plan, #planControls) {
    inset: 0 0 auto auto !important;
    height: auto !important;
    aspect-ratio: 7 / 5;
    max-height: 100%;
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #bandIn {
  grid-template-rows: minmax(min-content, 1fr) 44px 0 minmax(49px, max-content) 44px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle {
  align-self: end;
  grid-template-rows: minmax(24px, max-content) 18px 26px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #seatRingKey {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 10px);
  z-index: 1;
  grid-row: auto;
  grid-column: auto;
  margin: 0;
  font: 400 11px/15px var(--sans);
  color: var(--soft);
  pointer-events: none;
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #seatRingKey {
    position: fixed;
    left: 16px;
    right: 16px;
    top: calc(100svh - var(--foot-height) - 23px);
    bottom: auto;
  }
}
@media (min-height: 740px) and (min-width: 360px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #bandIn {
    padding-top: 13px;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle {
    grid-template-rows: minmax(24px, max-content) 18px max-content;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpening {
    grid-row: 3;
    height: auto;
    min-height: 44px;
    margin: 4px 0 0;
    align-items: flex-start;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink {
    height: auto;
    min-height: 44px;
    align-items: flex-start;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-phone {
    display: none;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-desktop {
    display: block;
    font: 400 12px/16px var(--sans);
    color: var(--ink);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--key-line);
    text-underline-offset: 3px;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink:focus-visible .opening-study-desktop {
    outline: 1.5px solid var(--ink);
    outline-offset: 2px;
  }
}
@media (min-height: 740px) and (min-width: 360px) and (max-width: 383px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-desktop {
    font-size: 11px;
    line-height: 15px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building] {
  font-size: 14px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #exchange button[data-building],
html.d31-seats.plate.h-cell-open.h-cell-seat[data-view=seat].plate-phone.phone-foot:not(.numbers-open) #band #exchange button[data-building] {
  font-size: 14px;
}
@media (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot:not(.numbers-open) #band #exchange button[data-building] {
    font-size: 14px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #exchange button[data-building] {
  line-height: 17px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot.plate-short, .phone-landscape.compact-foot) #band {
  --r12-names:98px;
  --r12-names-gap:8px;
}
@media (min-height: 320px) and (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot:not(.numbers-open) #band #exchange button[data-building] {
    line-height: 14px;
    text-underline-offset: 2px;
  }
}
@media (max-height: 319px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band {
    --r12-names:127px;
    --r12-names-gap:8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot:not(.numbers-open) #band #exchange button[data-building] {
    white-space: nowrap;
    line-height: 16px;
    text-underline-offset: .32em;
  }
}
@media (max-height: 299px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.compact-foot:not(.numbers-open) #band #exchange button[data-building] {
    font-size: 13px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:is(.phone-landscape.compact-foot, .phone-landscape) #band {
    --r12-names:118px;
    --r12-names-gap:6px;
  }
}
html.d31-seats.plate.h-cell-open.h-cell-seat[data-view=seat].plate-phone.phone-foot #band {
  --r12-names:127px;
  --r12-names-gap:8px;
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short #band {
    --r12-names:127px;
    --r12-names-gap:8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #exchange button[data-building] {
    line-height: 16px;
  }
}
@media (forced-colors: active) {
  html.d31-seats.plate[data-view=seat] #band #timeRow #soundDrawing,
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #timeRow #soundDrawing {
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--ink);
  }
}
html.d31-seats.plate.study-position-sheet[data-view] #band #positionGroup > #hCellReadingBlock #hCellReadingContext {
  display: block;
}
html.d31-seats.plate.study-position-sheet[data-view] #band #positionGroup > #hCellReadingBlock #hCellReading > span:not(:empty) {
  display: block;
}
html.d31-seats.plate[data-view=seat][data-voice-loading=false] #band #listen #sentence ~ #seated #timeRow :is(#timeNote, #soundEnvelope),
html.d31-seats.plate[data-view=seat][data-voice-loading] #band #listen #sentence ~ #quiet[data-loading-duplicate=false],
html.d31-seats.plate[data-view=seat][data-voice-loading] #band #footOptions #quiet[data-loading-duplicate=false] {
  visibility: inherit !important;
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-scroll-hint:not([hidden]) {
  opacity: 1;
  animation: none;
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle > .mark {
    font: 500 26px/30px var(--sans);
  }
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #openingSubtitle {
    margin-top: 2px;
    font: 400 13.5px/18px var(--sans);
  }
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReadingContext {
  display: none;
}
html.d31-seats.plate.study-position-sheet #band #positionGroup > #hCellReadingBlock #hCellReading > span:not(:empty) {
  display: inline;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band {
  --overlook-sheet-h: calc(214px + var(--plate-bottom-inset, 0px));
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band {
    --overlook-sheet-h: calc(205px + var(--plate-bottom-inset, 0px));
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle #seatRingKey {
    top: calc(100svh - var(--overlook-sheet-h) - 23px);
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted):not(.seats-open):not(.more-open) #band {
  top: calc(100svh - var(--overlook-sheet-h));
  height: var(--overlook-sheet-h);
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #bandIn {
  grid-template-rows: minmax(min-content, 1fr) 40px 0 38px 34px;
  padding-top: 8px;
  padding-bottom: calc(4px + var(--plate-bottom-inset, 0px));
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #bandIn {
    grid-template-rows: min-content 44px minmax(1px, 1fr) 44px 44px;
    padding-top: 6px;
    padding-bottom: calc(0px + var(--plate-bottom-inset, 0px));
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle {
  grid-template-rows: minmax(22px, max-content) 18px 22px;
  row-gap: 1px;
  min-height: 0;
  height: auto;
}
@media (max-height: 739px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #theatreTitle {
    margin-top: 25px;
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle > .mark {
  font: 500 19px/22px var(--serif);
  letter-spacing: -0.01em;
  color: var(--ink);
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #openingSubtitle {
  grid-row: 2;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpening {
  grid-row: 3;
  display: flex;
  align-items: center;
  min-height: 22px;
  height: 22px;
  margin: 0;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink {
  min-height: 44px;
  height: 44px;
  margin-top: -22px;
  padding: 0;
  display: inline-flex;
  align-items: flex-end;
  width: auto;
  max-width: 100%;
  border-bottom: 0;
  text-decoration: none;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-desktop {
  display: none !important;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink .opening-study-phone {
  display: inline-block !important;
  font: 400 13px/18px var(--sans);
  letter-spacing: 0;
  color: var(--soft);
  border-bottom: 1px solid var(--key-line);
  padding-bottom: 1px;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpeningLink:is(:hover, :focus-visible) .opening-study-phone {
  color: var(--ink);
  border-bottom-color: var(--ink);
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #listen #sentence {
  align-self: center;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  gap: 8px;
  color: var(--ink);
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #listen #sentence {
    height: 44px;
    min-height: 44px;
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #listen #sentence #words {
  font: 500 14px/20px var(--sans);
  color: var(--ink);
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #seatsKey {
  grid-row: 4;
  bottom: 34px;
  height: 38px;
  min-height: 38px;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #seatsKey {
    height: 44px;
    min-height: 44px;
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #seatActions {
  grid-row: 5;
  height: 34px;
  min-height: 34px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::after {
  height: 40px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::before {
  bottom: calc(100% + 40px);
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot:not(.study-cell-mounted) #band #seatActions {
    height: 44px;
    min-height: 44px;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::after {
    height: 44px;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::before {
    bottom: calc(100% + 44px);
  }
}
@media not all and (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatsKey {
    pointer-events: none;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatsKey::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
    bottom: 0;
    pointer-events: auto;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::after {
    height: 36px;
    box-shadow: 0 -4px 0 var(--paper);
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.more-open:not(.study-cell-mounted) #band #seatsKey {
  pointer-events: none;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.more-open:not(.study-cell-mounted) #band #seatsKey::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2px;
  pointer-events: auto;
}
@media (min-height: 740px) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-foot.more-open:not(.study-cell-mounted) #band #seatsKey::after {
    bottom: 6px;
  }
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #bandIn {
  grid-template-rows: min-content 44px 40px minmax(0, 1fr) 36px;
  padding-top: 10px;
  padding-bottom: calc(6px + var(--plate-bottom-inset, 0px));
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #listen {
  grid-row: 2;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #seatsKey {
  grid-row: 3;
  position: static;
  bottom: auto;
  align-self: center;
  justify-self: start;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border-top: 0;
  background: transparent;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #band #seatActions {
  grid-row: 5;
  height: 36px;
  min-height: 36px;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::after {
  content: none;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape.many-seats:not(.study-cell-mounted):not(.more-open):not(.seats-open) #band #seatActions::before {
  bottom: 100%;
}
html.d31-seats.plate[data-view=overlook]:not(.study-cell-mounted) #band #seatActions :is(#viewNearer, #viewBack, #moreKey, #door) {
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  text-decoration-color: var(--key-line);
  border-bottom-color: var(--key-line);
}
html.d31-seats.plate[data-view=overlook]:not(.study-cell-mounted) #band #seatActions :is(#viewNearer, #viewBack, #moreKey, #door):is(:hover, :focus-visible) {
  color: var(--ink);
  text-decoration-color: var(--ink);
  border-bottom-color: var(--ink);
}
html.d31-seats.plate[data-view=overlook] #band #seatActions :is(#viewNearer, #viewBack):disabled {
  display: none !important;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #positionGroup {
  max-width: calc(100% - 384px);
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle {
    font: 500 26px/30px var(--sans);
  }
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle small,
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #studyOpening,
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #openingRecordingCoverage {
    margin-top: 2px;
    font: 400 13.5px/18px var(--sans);
  }
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape):not(.precision-open) #band #footOptions,
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.precision-open) #band #footOptions {
  bottom: 0;
  max-height: calc(100svh - 84px);
  padding: 12px 18px 12px;
  scroll-padding-bottom: 24px;
}
html.d31-seats.plate.precision-open.numbers-open:not(.phone-foot, .phone-landscape) #band #footOptions {
  bottom: 64px;
  max-height: calc(100svh - var(--m, 28px) - 64px);
  padding: 12px 18px 12px;
  scroll-padding-bottom: 28px;
}
@media (max-height: 600px) {
  html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape):not(.precision-open) #band #footOptions {
    padding: 10px 16px 10px;
  }
  html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions :is(.more-note, .title-mode) {
    margin: 2px 0 6px;
    font: 400 12.5px/16px var(--sans);
  }
  html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions :is(#audienceMore, #motion, #readPosition, #inputKey) {
    min-height: 36px;
  }
}
html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape) #band #footOptions::after {
  content: "";
  display: block;
  position: sticky;
  bottom: -12px;
  height: 22px;
  margin: -22px -18px -12px;
  pointer-events: none;
  opacity: 0;
  z-index: 4;
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0),
      var(--paper) 65%);
}
@supports (animation-timeline: scroll()) {
  html.d31-seats.plate[data-view]:not(.phone-foot, .phone-landscape):not(.precision-open) #band #footOptions::after {
    animation: sheet-goes-on linear both;
    animation-timeline: scroll(nearest block);
    animation-range: calc(100% - 14px) 100%;
  }
}
html.d31-seats.plate.precision-open:not(.phone-foot, .phone-landscape) #band #footOptions::after {
  display: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom > #numbersFullHouseNote {
  margin: 0 0 1px;
  line-height: 13px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersHead {
  padding-bottom: 0;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot .d29-numbers-scroll {
  overflow-y: auto !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot .d29-numbers-scroll::after {
  display: block !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar {
  display: flex !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersVerdictKey {
  display: block !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures {
  min-height: 100% !important;
  height: auto !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr {
  flex: 1 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  height: auto !important;
  min-height: var(--num-row) !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th {
  display: contents !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
  display: block !important;
  min-height: 0 !important;
  padding-bottom: calc(var(--num-row) - var(--num-line) - 1px) !important;
  line-height: var(--num-line) !important;
  text-underline-offset: max(1px, calc(var(--num-line) - 13px)) !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button small {
  line-height: inherit !important;
}
@container (max-width: 279px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button:not([aria-expanded=true]) small {
    display: none !important;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) {
  display: contents !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-comparison-strip-s014 {
  grid-column: 2 / 4 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-precision-miss {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  align-self: end !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:last-child,
html.d31-seats.plate.numbers-open.plate-phone[data-view=seat] #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.numbers-status-s014 {
  grid-column: 1 / 4 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  align-self: end !important;
  white-space: nowrap !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button[aria-expanded=true]::after {
  content: "\d7";
  display: inline-block;
  padding: 0 0 0 6px;
  font: 400 15px/15px var(--sans);
  color: var(--ink);
  text-decoration: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > .d29-numbers-definition:not([hidden]) {
  display: block !important;
  position: static !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 3px 0 6px !important;
  font: 400 12.5px/17px var(--sans) !important;
  color: var(--ink) !important;
  white-space: normal !important;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > .d29-numbers-definition:not([hidden])::after {
  display: none !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom {
  --num-line: 14px;
  --num-flag: 12px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersHead {
  margin-bottom: 1px;
  padding-bottom: 1px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeyBody {
  margin: 3px 0 4px;
  line-height: 15.5px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom > #numbersFullHouseNote {
  margin: 1px 0 2px;
  line-height: 14px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot .d29-numbers-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures colgroup {
  display: none !important;
}
@media (min-height: 760px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] {
    display: block !important;
    flex: none !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] tr {
    display: grid !important;
    grid-template-columns: 29% 13% 27% 15% 16% !important;
    height: 20px !important;
    align-items: end !important;
    border-bottom: 1px solid var(--hair) !important;
  }
  @container (max-width: 639px) {
    html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] tr {
      grid-template-columns: 27% 16% 26% 13% 18% !important;
    }
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] th {
    display: block !important;
    border-bottom: 0 !important;
    padding: 0 12px 3px 5px !important;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr {
  flex: 1 0 auto !important;
  display: grid !important;
  grid-template-columns: 29% 13% 27% 15% 16% !important;
  grid-template-rows: minmax(26px, 1fr) auto !important;
  min-height: 26px !important;
  height: auto !important;
  align-items: center !important;
  border-bottom: 1px solid var(--hair) !important;
}
@container (max-width: 639px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr {
    grid-template-columns: 27% 16% 26% 13% 18% !important;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th {
  display: contents !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: 0 5px !important;
  align-self: center !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td {
  display: block !important;
  visibility: visible !important;
  border-bottom: 0 !important;
  padding: 0 5px !important;
  align-self: center !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.joined-zero-strip {
  grid-column: 4 !important;
  grid-row: 1 !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:last-child {
  grid-column: 5 !important;
  grid-row: 1 !important;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > .d29-numbers-definition:not([hidden]) {
  display: block !important;
  position: static !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-width: 68ch !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 3px 5px 7px !important;
  font: 400 13.5px/19px var(--sans) !important;
  color: var(--ink) !important;
  white-space: normal !important;
}
html.d31-seats.plate #band #footOptions #numbersPrecision:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}
html.d31-seats.plate #band #footOptions #numbersPrecision > :not(.numbers-precision-heading) {
  grid-column: 1 / -1;
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-heading {
  display: contents;
}
html.d31-seats.plate #band #footOptions #numbersPrecision #numbersPrecisionTitle {
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: -14px;
  z-index: 3;
  margin: 0;
  padding: 10px 0;
  background: var(--paper);
  box-shadow: 120px 0 0 var(--paper);
  align-self: stretch;
  display: flex;
  align-items: center;
}
html.d31-seats.plate #band #footOptions #numbersPrecision #numbersPrecisionClose {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: -14px;
  z-index: 4;
  margin: 0;
  padding: 10px 0 10px 12px;
  background: var(--paper);
  align-self: stretch;
}
html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-scroll-hint {
  grid-column: 1 / -1;
  order: 99;
  position: sticky;
  bottom: -14px;
  z-index: 4;
  margin: -28px 0 -14px;
  padding: 12px 0 4px;
  background:
    linear-gradient(
      to bottom,
      rgba(241, 237, 232, 0),
      var(--paper) 48%);
  font: 400 12px/17px var(--sans);
  color: var(--soft);
  pointer-events: none;
  opacity: 0;
}
@supports (animation-timeline: scroll()) {
  html.d31-seats.plate #band #footOptions #numbersPrecision .numbers-precision-scroll-hint {
    animation: sheet-goes-on linear both;
    animation-timeline: scroll(nearest block);
    animation-range: calc(100% - 16px) 100%;
  }
}
html.d31-seats.plate[data-view=seat] #band #timeRow:is(.fetching, .waiting) #timeNote,
html.d31-seats.plate[data-view=seat] #band #timeRow:is(.fetching, .waiting) #soundEnvelope,
html.d31-seats.plate[data-view=seat] #band #listen #sentence:is(:disabled, [data-state=cancel-request]:where(:not([data-pending=pause])), [data-pending=voice]) ~ #seated #timeNote,
html.d31-seats.plate[data-view=seat] #band #listen #sentence:is(:disabled, [data-state=cancel-request]:where(:not([data-pending=pause])), [data-pending=voice]) ~ #seated #soundEnvelope,
html.d31-seats.plate[data-view=seat] #band #listen #sentence:is(:disabled, [data-state=cancel-request]:where(:not([data-pending=pause])), [data-pending=voice]) ~ #quiet,
html.d31-seats.plate[data-voice-loading=true] #band :is(#timeNote, #soundEnvelope, #quiet) {
  visibility: hidden !important;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence {
  box-sizing: border-box;
  height: 78px;
  min-height: 78px;
  max-height: 78px;
  overflow: hidden;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence q {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence {
    height: 46px;
    min-height: 46px;
    max-height: 46px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]) {
    -webkit-line-clamp: 1;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence {
  box-sizing: border-box;
  height: 58px;
  min-height: 58px;
  max-height: 58px;
  overflow: hidden;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence q {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 400 16px/20px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font: 400 13px/18px var(--sans);
}
html.d31-seats.plate[data-view=seat].plate-phone.plate-short.phone-foot:not(.numbers-open) #band #sentence {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
@media (max-width: 720px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #sentence {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }
}
html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band::before {
  transition: transform 0.5s cubic-bezier(0.2, 0, 0, 1), opacity 0.26s cubic-bezier(0.2, 0, 0, 1);
}
html.d31-seats.plate:is([data-sheet=away], [data-flight=in], [data-flight=out]).plate-phone:is(.phone-foot, .phone-landscape) #band {
  opacity: 0;
  transition: none;
  pointer-events: none;
}
html.d31-seats.plate:is([data-sheet=away], [data-flight=in], [data-flight=out]).plate-phone:is(.phone-foot, .phone-landscape) #band::before {
  opacity: 0;
  transform: translateY(46%);
  transition: none;
}
html.d31-seats.plate:is([data-sheet=away], [data-flight=in], [data-flight=out]).plate-phone.phone-landscape #band::before {
  transform: translateX(36%);
}
html.d31-seats.plate:is([data-sheet=away], [data-flight=in], [data-flight=out]).plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  opacity: 0;
  transform: translateY(8px);
  transition: none;
  pointer-events: none;
}
html.d31-seats.plate:is([data-sheet=away], [data-flight=in], [data-flight=out]).plate-phone:is(.phone-foot, .phone-landscape) #band #seatRingKey {
  opacity: 0;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band,
  html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band::before,
  html.d31-seats.plate[data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
    transition: none !important;
  }
}
html.d31-seats.plate[data-motion=steps][data-view].plate-phone:is(.phone-foot, .phone-landscape) #band,
html.d31-seats.plate[data-motion=steps][data-view].plate-phone:is(.phone-foot, .phone-landscape) #band::before,
html.d31-seats.plate[data-motion=steps][data-view].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  transition: none !important;
}
@media (max-width: 737px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.seats-open) #band {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.seats-open) #band #bandIn {
    height: calc(100% + 44px);
    min-height: calc(100% + 44px);
    overflow-y: visible;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatsKey {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::before,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::after {
    display: none !important;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.seats-open) #band {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.seats-open) #band #bandIn {
    height: calc(100% + 44px);
    min-height: calc(100% + 44px);
    overflow-y: visible;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatsKey {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::before,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::after {
    display: none !important;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open[data-reading-room=min300] #band {
  left: var(--picture-width);
  width: max(332px, calc(100vw - var(--picture-width)));
}
@media (max-height: 279px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape):not(.seats-open) #band #bandIn {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom {
    --num-line: 12px;
    --num-row: 24px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:is(.phone-foot.plate-short, .phone-landscape) #band #numbersRoom #numbersHead {
    padding-top: 1px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom > #numbersFullHouseNote {
    margin: 0 0 1px;
    line-height: 12px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button {
    padding-bottom: 10px !important;
    line-height: 12px !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) > .numbers-comparison-strip-s014,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) .numbers-comparison-value,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:nth-child(3) .numbers-numeric-s014,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr .numbers-precision-miss,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td:last-child,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > td.numbers-status-s014 {
    line-height: 12px !important;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom,
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom > #numbersRoot {
  overflow: visible;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
  left: -4px;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
  padding-left: calc(var(--r12c-key) + var(--r12c-gap));
}
@container (max-width: 299px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersVerdictKey > #numbersVerdictKeySummary {
    left: auto;
    right: -6px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersToolbar .numbers-controls-s014 {
    padding-left: 0;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersToolbar {
  box-shadow: none;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersVerdictKey[open]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 43px;
  height: 2px;
  background: var(--paper);
  z-index: 2;
  pointer-events: none;
}
@container (max-width: 299px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersVerdictKey[open]::after {
    bottom: -1px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot > #numbersVerdictKey[open] + .d29-numbers-scroll table.joined-five-measures tbody tr:first-child {
    border-top-color: transparent !important;
  }
}
@media (max-width: 1279px) {
  html.d31-seats.plate[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence .voiceCopy {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  html.d31-seats.plate[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #words {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.d31-seats.plate[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]) {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.d31-seats.plate[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceRecording {
    display: none !important;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) 8px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 0;
    align-items: end;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > .choice-word {
    display: block;
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center;
    margin: 0;
    padding: 0;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > button[data-building] {
    grid-column: 2;
    align-self: end;
    padding: 0 0 5px;
    font: 400 15px/20px var(--sans);
    white-space: nowrap;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > #buildingA {
    grid-row: 1;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > #buildingB {
    grid-row: 3;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #timeRow {
    --names: 202px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #soundSummary {
    grid-column: 4 / 10;
    padding-left: 202px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange button[data-building]::after {
    left: 130px;
    right: 0;
  }
}
@media (min-height: 760px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] tr {
    grid-template-columns: 26% 21% 24% 13% 16% !important;
  }
  @container (max-width: 639px) {
    html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures thead[data-shown] tr {
      grid-template-columns: 25% 22.5% 23.5% 12% 17% !important;
    }
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr {
  grid-template-columns: 26% 21% 24% 13% 16% !important;
}
@container (max-width: 639px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr {
    grid-template-columns: 25% 22.5% 23.5% 12% 17% !important;
  }
}
@container (max-width: 639px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button {
    padding: 0 2px 0 5px !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot table.joined-five-measures tbody tr > th > button > small {
    padding-left: 3px;
  }
}
@media (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.seats-open) #band {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.seats-open) #band #bandIn {
    height: calc(100% + 44px);
    min-height: calc(100% + 44px);
    overflow-y: visible;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions,
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatsKey {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::before,
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::after {
    display: none !important;
  }
}
@media (max-width: 737px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open {
    --numbers-side-width: 332px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open #band {
    left: var(--picture-width);
    width: calc(100vw - var(--picture-width));
  }
}
@media (max-width: 639px) and (max-height: 279px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) {
    --numbers-side-width: 332px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band {
    left: var(--picture-width);
    width: calc(100vw - var(--picture-width));
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:not(.numbers-open):not(.seats-open) #band #listen #sentence {
    height: 58px;
    min-height: 58px;
    max-height: 58px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.seats-open) #band {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.seats-open) #band #bandIn {
    height: calc(100% + 88px);
    min-height: calc(100% + 88px);
    overflow-y: visible;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.many-seats:not(.numbers-open):not(.seats-open) #band #soundSummary {
    grid-area: 6 / 1;
    justify-self: start;
    align-self: start;
    position: static !important;
    bottom: auto !important;
    z-index: auto !important;
    pointer-events: none;
    display: block;
    height: auto;
    min-height: 0;
    max-width: none;
    margin: 0;
    text-align: left;
    line-height: 16px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.seats-open) #band #seatsKey {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.seats-open) #band #seatsKey::before,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::before,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::after {
    display: none !important;
  }
}
@media (min-width: 340px) and (min-height: 340px) and (max-height: 599px) {
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.seats-open) #band {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.seats-open) #band #bandIn {
    height: 100%;
    min-height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
    scroll-padding-bottom: 8px;
    overscroll-behavior-y: auto;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions,
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatsKey {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
  }
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::before,
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #seatActions::after {
    display: none !important;
  }
}
@media (max-width: 737px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open:not(.seats-open) #band #bandIn {
    overscroll-behavior-y: auto;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.seats-open) #band #bandIn {
    overscroll-behavior-y: auto;
  }
}
@media (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].study-position-sheet.plate-phone.phone-landscape.numbers-open:not(.seats-open) #band #bandIn {
    overscroll-behavior-y: auto;
  }
}
@media (max-width: 639px) and (max-height: 279px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.seats-open) #band #bandIn {
    overscroll-behavior-y: auto;
  }
}
@media (min-width: 421px) and (max-width: 737px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape.numbers-open {
    --numbers-side-width:352px;
  }
}
html.d31-seats.plate.precision-open.numbers-open:not(.phone-foot, .phone-landscape) #band #footOptions {
  bottom: calc(100svh - var(--look-foot) + 12px) !important;
}
html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted):not(.c694) #band #theatreTitle {
  grid-template-rows: minmax(22px, max-content) max-content 22px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short) #band #position .seat-models-differ {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.d31-seats.plate #guideNote {
  position: fixed;
  left: calc(var(--m) + env(safe-area-inset-left, 0px));
  top: calc(var(--look-foot,100svh) - 14px);
  transform: translateY(-100%);
  box-sizing: border-box;
  max-width: calc(var(--picture-width,100vw) - 2 * var(--m));
  padding: 1px 8px;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  pointer-events: none;
  background: rgba(241, 237, 232, .88);
  border: 0;
  border-radius: 9px;
  opacity: 1;
  transition: opacity 360ms, translate 360ms;
  z-index: 6;
}
html.d31-seats.plate #guideNote[hidden] {
  display: none;
}
html.d31-seats.plate #guideNote[data-state=leaving] {
  opacity: 0;
  transition-duration: 600ms;
}
html.d31-seats.plate #guideNote mark {
  color: inherit;
  background:
    linear-gradient(
      176deg,
      transparent 46%,
      rgba(222, 180, 92, .62) 47% 93%,
      transparent 94%);
}
@starting-style {
  html.d31-seats.plate #guideNote[data-state=shown] {
    opacity: 0;
    translate: 0 6px;
  }
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #guideNote {
  top: calc(var(--look-foot,100svh) - 10px - var(--look-clear,0px));
}
html.d31-seats.plate.phone-landscape #guideNote {
  font: 400 13px/18px var(--sans);
  white-space: nowrap;
}
html.d31-seats.plate:is(.more-open, .seats-open, .sounds-open, .numbers-open, .reading-register) #guideNote,
html.d31-seats.plate[data-view=overlook] #guideNote,
html.d31-seats.plate[data-flight]:not([data-flight=""]) #guideNote {
  display: none;
}
html.d31-seats.plate:is(.more-open, .sounds-open, .numbers-open, .reading-register, .failed) #guideWash,
html.d31-seats.plate.failed #guideNote,
html.d31-seats.plate[data-flight]:not([data-flight=""]) #guideWash {
  display: none;
}
html.d31-seats.plate.seats-open #guideWash:not([data-seat-list=true]) {
  display: none;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #guideNote[data-looked=true] {
  top: calc(var(--look-foot,100svh) - 52px - var(--look-clear,0px));
}
#guideWash {
  pointer-events: none;
}
#guideWash[hidden] {
  display: none;
}
#guideWash .guide-wash {
  position: fixed;
  z-index: 12;
  pointer-events: none;
  background: rgba(222, 180, 92, .62);
  mix-blend-mode: multiply;
  border-radius: 2px 6px 3px 7px;
  transform-origin: 0 50%;
  transform: rotate(-.6deg);
  animation: guide-wash-in 520ms 160ms both;
  will-change: transform, opacity;
}
@keyframes guide-wash-in {
  from {
    transform: rotate(-.6deg) scaleX(0);
  }
  to {
    transform: rotate(-.6deg) scaleX(1);
  }
}
.guide-disc {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: rgba(222, 180, 92, .62);
  transform: translate(-50%, -50%);
  animation: guide-disc-in 420ms linear both;
  will-change: transform, opacity;
}
.guide-disc[hidden] {
  display: none;
}
@keyframes guide-disc-in {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.6);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
html.d31-seats.plate[data-motion=steps] #guideNote {
  transition: opacity 200ms;
  translate: none;
}
@starting-style {
  html.d31-seats.plate[data-motion=steps] #guideNote[data-state=shown] {
    opacity: 0;
    translate: none;
  }
}
html[data-motion=steps] #guideWash .guide-wash {
  animation: guide-wash-fade 200ms both;
}
html[data-motion=steps] .guide-disc {
  animation: none;
}
@keyframes guide-wash-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate #guideNote {
    transition: opacity 200ms;
    translate: none;
  }
  #guideWash .guide-wash {
    animation: guide-wash-fade 200ms both;
  }
  .guide-disc {
    animation: none;
  }
  @starting-style {
    html.d31-seats.plate #guideNote[data-state=shown] {
      opacity: 0;
      translate: none;
    }
  }
}
@media (forced-colors: active) {
  #guideWash .guide-wash,
  .guide-disc {
    display: none;
  }
  .guide-target {
    outline: 2px dotted Highlight;
    outline-offset: 3px;
  }
  html.d31-seats.plate #guideNote {
    background: Canvas;
    color: CanvasText;
  }
  html.d31-seats.plate #guideNote mark {
    background: none;
    color: CanvasText;
    text-decoration: underline;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape):not(.study-cell-mounted) #stage > :is(#nameA, #nameB) {
    top: -12px;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open {
    --num-line: 12px;
    --num-flag: 11px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot table.joined-five-measures tbody tr {
    grid-template-rows: minmax(22px, 1fr) auto !important;
    min-height: 22px !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot table.joined-five-measures tbody tr > th > button,
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot table.joined-five-measures tbody tr > th > button > small {
    min-height: 0 !important;
    line-height: 17px !important;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersVerdictKey > #numbersVerdictKeyBody {
    margin: 2px 0 1px;
    line-height: 14px;
  }
}
html.d31-seats.plate.precision-open.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footOptions > :not(#numbersPrecision) {
  display: none !important;
}
html.d31-seats.plate.precision-open.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footOptions > #numbersPrecision:not([hidden]) {
  margin-top: -12px;
}
@media (min-width: 600px) {
  html.d31-seats.plate[data-view=seat].plate-phone.many-seats.phone-foot:is(.more-open, .more-closing, .precision-open) #band #seatsKey {
    width: auto;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.many-seats.phone-foot:is(.more-open, .more-closing, .precision-open) #band #seatsKey::before {
    content: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.many-seats.phone-foot:is(.more-open, .more-closing, .precision-open) #band #seatsKey > span {
    white-space: nowrap;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom > #wholeStudy:not([hidden]) {
  all: unset;
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-self: start;
  width: max-content;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0 -6px 0 0;
  padding: 0 6px 0 0;
  cursor: pointer;
  font: 400 13px/18px var(--sans);
  color: var(--ink);
  white-space: nowrap;
  background: linear-gradient(var(--key-line), var(--key-line)) no-repeat content-box left calc(50% + 11px) / 100% 1px;
}
html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #numbersRoom > #wholeStudy:not([hidden]):focus-visible {
  outline: none;
  background-image: linear-gradient(var(--ink), var(--ink));
  background-size: 100% 2px;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #stage > #recordLayer {
  z-index: 1;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #stage > #leafRow {
  z-index: 2;
}
@media (max-width: 666px) and (max-height: 319px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=overlook].plate-phone.phone-landscape:not(.study-cell-mounted) #stage > :is(#nameA, #nameB) > b {
    font-size: 13.5px;
    line-height: 19px;
    white-space: nowrap;
  }
}
@media (min-width: 1280px) and (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not([data-voice-loading=true]) #band #sentence {
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin-right: -20px;
  }
}
html.d31-seats.plate #hearChoices #voiceNames .choice {
  display: none;
}
html.d31-seats.plate #hearChoices #voiceNames .choice[aria-pressed=true] {
  display: inline;
}
html.d31-seats.plate #hearChoices #soundsKey {
  margin-left: 10px;
}
html.d31-seats.plate #hearChoices #soundsKey::before {
  content: "\b7";
  position: absolute;
  left: -15px;
  top: 0;
  color: var(--soft);
  text-decoration: none;
  pointer-events: none;
}
html.d31-seats.plate #hearChoices #soundsKey[aria-expanded=true] {
  color: var(--ink);
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices {
  display: flex;
  align-items: baseline;
  column-gap: 28px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices .choice-group:last-child {
  margin-left: auto;
}
@media (max-width: 1279px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #hearChoices .choice-group:last-child {
    margin-left: 0;
  }
}
html.d31-seats.live-source #band #footOptions #moreCredit:not([hidden]) {
  display: block;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices #voiceNames {
  display: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices #soundsKey {
  margin-left: 0;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #hearChoices #soundsKey::before {
  content: none;
}
html.d31-seats.plate.sounds-open #band :is(#sentence, #timeRow, #exchange) {
  visibility: hidden !important;
  pointer-events: none;
}
#soundChooser {
  position: absolute;
  z-index: 4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
  background: var(--paper);
}
#soundChooser[hidden] {
  display: none;
}
#soundChooser .sound-chooser-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  font: 500 15px/24px var(--sans);
  color: var(--ink);
}
#soundChooser .sound-chooser-group {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  column-gap: 12px;
  align-items: baseline;
}
#soundChooser .sound-chooser-group .choice-word {
  grid-column: 1;
  grid-row: 1;
  font: 400 13px/24px var(--sans);
  color: var(--soft);
}
#soundChooser .sound-chooser-group .choice-names {
  grid-column: 2;
  grid-row: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 0 22px;
  white-space: nowrap;
}
#soundChooser .sound-chooser-group .choice-names .choice + .choice::before {
  content: "\b7";
  position: absolute;
  left: -14px;
  color: var(--soft);
  pointer-events: none;
}
#soundChooser .sound-chooser-note {
  grid-column: 2;
  grid-row: 2;
  font: 400 12px/16px var(--sans);
  color: var(--soft);
}
#soundChooser .choice {
  all: unset;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  font: 400 15px/24px var(--sans);
  color: var(--soft);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: var(--key-line);
}
#soundChooser .choice::after {
  content: "";
  position: absolute;
  inset: -10px -6px -6px;
}
#soundChooser .choice:hover {
  color: var(--ink);
}
#soundChooser .choice[aria-pressed=true] {
  color: var(--ink);
  font-weight: 500;
  text-decoration-color: var(--ink);
}
#soundChooser .choice:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 3px;
}
#soundChooser #soundChooserClose {
  font-size: 14px;
}
html.d31-seats.plate.plate-phone #soundChooser {
  gap: 0;
}
html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-head {
  line-height: 20px;
}
html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group {
  grid-template-columns: 48px minmax(0, 1fr);
  column-gap: 10px;
}
html.d31-seats.plate.plate-phone #soundChooser :is(.choice, .sound-chooser-group .choice-word) {
  line-height: 21px;
}
html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-note {
  line-height: 14px;
}
@media (max-height: 420px) {
  html.d31-seats.plate.plate-phone #soundChooser {
    gap: 0;
  }
}
@media (max-height: 600px) {
  #soundChooser {
    gap: 1px;
  }
  #soundChooser .sound-chooser-head {
    line-height: 20px;
  }
  #soundChooser .sound-chooser-note {
    line-height: 14px;
  }
  #soundChooser .choice,
  #soundChooser .sound-chooser-group .choice-word {
    line-height: 21px;
  }
}
html.d31-seats.plate #band #sentence:is([data-state=live-mic-live], [data-state=live-mic-calibrating]) q#words::after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 6px;
  margin-left: 12px;
  vertical-align: middle;
  background: linear-gradient(var(--ink), var(--ink)) left center/calc(var(--live-level,0) * 100%) 100% no-repeat, rgba(42, 34, 25, .15);
}
@media (max-width: 374px) {
  html.d31-seats.plate.live-source.plate-phone[data-view=seat]:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]) {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: unset;
  }
  html.d31-seats.plate.live-source.plate-phone[data-view=seat]:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence q#words {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices #voiceNames {
    display: inline-flex;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices #voiceNames .choice:not([aria-pressed=true]) {
    display: none;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices #soundsKey {
    margin-left: 12px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #hearChoices #soundsKey::before {
    content: "\b7";
    left: -13px;
  }
}
html.d31-seats.plate #band #sentence:is([data-pending=pause], [data-pending=live]) .play {
  opacity: .45;
}
html.d31-seats.plate[data-view=seat] #band #listen #sentence[data-state=loading] ~ #seated :is(#timeNote, #soundEnvelope) {
  visibility: hidden !important;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence {
  width: 100%;
  justify-self: stretch;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence .voiceCopy,
html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence .voiceCopy {
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 1280px) and (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence[data-voice-loading=true] {
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin-right: -20px;
    justify-self: stretch;
  }
}
@media (min-height: 760px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open),
  html.d31-seats.plate.many-seats[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) {
    --plate-seat: 338px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) :is(#lookHint, #guideNote) {
    top: calc(var(--look-foot, 100svh) - 14px - (var(--plate-seat) - 320px));
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatActions #returnStage {
    top: calc(var(--look-foot, 100svh) - 52px - (var(--plate-seat) - 320px));
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn,
  html.d31-seats.plate.many-seats[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn {
    grid-template-rows: 36px 96px minmax(0, 1fr) 16px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence[data-voice-loading=true] {
    height: 96px;
    min-height: 96px;
    max-height: 96px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceCredit:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence[data-voice-loading=true] #voiceCredit:not([hidden]) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 1365px) and (min-height: 760px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open),
  html.d31-seats.plate.many-seats[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) {
    --plate-seat: 354px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) :is(#lookHint, #guideNote) {
    top: calc(var(--look-foot, 100svh) - 14px - (var(--plate-seat) - 320px));
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatActions #returnStage {
    top: calc(var(--look-foot, 100svh) - 52px - (var(--plate-seat) - 320px));
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn,
  html.d31-seats.plate.many-seats[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn {
    grid-template-rows: 36px 112px minmax(0, 1fr) 16px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence,
  html.d31-seats.plate:not(.live-source)[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence[data-voice-loading=true] {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceRecording:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #voiceRecording:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence[data-voice-loading=true] #voiceRecording:not([hidden]) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
    flex-flow: column nowrap;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position > b {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 4px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position span {
    font-size: 13.5px;
    line-height: 18px;
  }
}
@media (min-width: 1366px) and (min-height: 760px) {
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup {
    flex-flow: column nowrap;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position span {
    font-size: 13.5px;
    line-height: 18px;
  }
}
@media (max-width: 1279px) and (min-height: 760px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange > .choice-word {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    padding: 0 0 5px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence q,
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #words {
    font-size: 20.5px;
    line-height: 28px;
  }
}
@media (max-width: 1179px) and (min-height: 760px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence q,
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence #words {
    font-size: 17.5px;
    line-height: 28px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position > b {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 2px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat]:not(.phone-foot, .phone-landscape) #band #positionGroup #position span {
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band {
    --r12-names: 127px;
    --r12-names-gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band #exchange button[data-building] {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band #timeRow #timeNote {
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: var(--r12-names);
    padding: 0 4px 0 0;
    background-color: var(--paper) !important;
    font: 400 12px/14px var(--sans);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 4;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence {
    width: 100%;
    justify-self: stretch;
    gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #sentence .voiceCopy {
    flex: 1 1 auto;
    min-width: 0;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 110px min-content min-content minmax(78px, 1fr) 0px 0 62px 44px;
}
html.d31-seats.plate.many-seats[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 110px min-content min-content minmax(78px, 1fr) 0px 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 112px min-content min-content minmax(76px, 1fr) minmax(20px, auto) 0 62px 44px;
}
html.d31-seats.plate.many-seats[data-view=seat].plate-phone.phone-foot.compact-foot:not(.plate-short):not(.numbers-open) #band #bandIn {
  grid-template-rows: 112px min-content min-content minmax(76px, 1fr) 0px 0 44px 44px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #positionGroup #position {
  height: 78px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #position .seat-models-differ {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  line-height: 15.5px;
}
@media (min-width: 600px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #position .seat-models-differ {
    font-size: 13px;
    line-height: 18px;
  }
}
@media (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #sentence q {
    font-size: 14.4px;
    line-height: 22px;
  }
}
@media (max-width: 440px) and (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #sentence q {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 420px) and (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #sentence q {
    font-size: 14.4px;
    line-height: 22px;
  }
}
@media (max-width: 400px) and (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #sentence q {
    font-size: 13.5px;
    line-height: 21px;
  }
}
@media (max-width: 380px) and (min-height: 380px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.plate-short):not(.numbers-open) #band #sentence q {
    font-size: 13px;
    line-height: 20px;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open > #numbersRoot {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot > #numbersHead {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--paper);
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot > .d29-numbers-scroll {
  flex: 0 0 auto;
  overflow: visible;
  overflow-y: visible !important;
  overscroll-behavior: auto !important;
  min-height: max-content;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot > #numbersVerdictKey[open] {
  flex: 0 0 auto;
  min-height: max-content;
  overflow: visible;
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open #numbersRoot > #numbersVerdictKey[open] > #numbersVerdictKeyBody {
  margin: 2px 0 6px;
  line-height: 16px;
  max-width: 60ch;
  max-height: none;
  overflow: visible;
}
@media (min-width: 600px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom #numbersRoot {
    max-width: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #seatActions #door {
    max-width: none;
    white-space: nowrap;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom.verdict-key-open #numbersRoot > #numbersVerdictKey[open] > #numbersVerdictKeyBody {
    max-width: 40ch;
  }
}
html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom.verdict-key-open ~ #seatActions #door {
  max-width: none;
  white-space: nowrap;
}
@media (max-width: 400px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open ~ #seatActions {
    gap: 6px;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open ~ #seatActions :is(#stand, #seatsKey, #moreKey, #door) {
    font-size: 13px;
    white-space: nowrap;
    max-width: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open ~ #seatActions #moreKey {
    min-width: 32px;
    padding-inline: 2px;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape) #band #numbersRoom.verdict-key-open ~ #seatActions :is(#stand, #door) {
    white-space: normal;
    max-width: 4.7em;
  }
}
@media (max-width: 374px), (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #bandIn #listen #sentence {
    width: 100%;
    justify-self: stretch;
    gap: 8px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    padding: 0;
    align-items: flex-start;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence .voiceCopy {
    flex: 1 1 auto;
    min-width: 0;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence #words {
    font-size: 13px;
    line-height: 18px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence #voiceCredit:not([hidden]) {
    font-size: 12px;
    line-height: 17px;
    margin-top: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 374px), (max-width: 759px) and (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate:not(.live-source)[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence #words {
    font-size: 13px;
    line-height: 15px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence:is([data-state=start-sound], [data-state=cancel-request], [data-state=try-again], [data-state=reload-page], [data-state=loading], [data-state=retrying], [data-state=live-mic-denied], [data-state=live-mic-busy], [data-state=live-bacchae-error], [data-state=live-chorus-error], [data-state=live-gladiator-error]) #voiceCredit:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence #voiceCredit:not([hidden]) {
    font-size: 11px;
    line-height: 13px;
    margin-top: 0;
    max-height: 26px;
  }
  html.d31-seats.plate[data-view=seat][data-listening-voice=aria].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence:is([data-state=start-sound], [data-state=cancel-request], [data-state=try-again], [data-state=reload-page], [data-state=loading], [data-state=retrying], [data-state=live-mic-denied], [data-state=live-mic-busy], [data-state=live-bacchae-error], [data-state=live-chorus-error], [data-state=live-gladiator-error]) #voiceCredit:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-listening-voice=aria][data-voice-loading=true].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #bandIn #listen #sentence #voiceCredit:not([hidden]) {
    -webkit-line-clamp: 3;
    max-height: 39px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #bandIn #hearChoices {
    row-gap: 7px;
  }
}
@media (min-width: 760px) and (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #bandIn #listen #sentence #words {
    line-height: 16px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #bandIn #listen #sentence:is([data-state=start-sound], [data-state=cancel-request], [data-state=try-again], [data-state=reload-page], [data-state=loading], [data-state=retrying], [data-state=live-mic-denied], [data-state=live-mic-busy], [data-state=live-bacchae-error], [data-state=live-chorus-error], [data-state=live-gladiator-error]) #voiceCredit:not([hidden]),
  html.d31-seats.plate:not(.live-source)[data-view=seat][data-voice-loading=true].plate-phone.phone-landscape:not(.numbers-open) #band #bandIn #listen #sentence #voiceCredit:not([hidden]) {
    font-size: 11px;
    line-height: 13px;
    margin-top: 0;
    max-height: 39px;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 340px) and (max-width: 374px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #bandIn {
    --chart-least: 72px;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.numbers-open) #band #bandIn {
    padding-top: 8px;
    --chart-least: 56px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot:not(.numbers-open) #band #bandIn #hearChoices {
    gap: 7px 10px;
  }
}
@media (max-width: 339px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #seatActions #lookHint,
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot #band #lookHint {
    top: calc(var(--look-foot, 100svh) - 48px - var(--look-clear, 0px));
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band {
    overflow: visible;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open:not(.more-open):not(.more-closing):not(.seats-open) #band #bandIn {
    height: 100%;
    min-height: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
    row-gap: 2px;
    overflow: hidden;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open #band #numbersRoom #numbersHead {
    padding-top: 0;
    padding-bottom: 2px;
    margin-bottom: 0;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom.verdict-key-open #numbersRoot > #numbersHead {
    box-shadow: 140px 0 0 var(--paper);
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom #numbersRoot > #numbersVerdictKey[open]::after {
    display: none;
  }
  html.d31-seats.plate.numbers-open[data-view=seat].plate-phone.phone-foot #band #numbersRoom.verdict-key-open #numbersRoot > #numbersVerdictKey[open] > #numbersVerdictKeySummary {
    z-index: 3;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.numbers-open #band #numbersRoom #numbersToolbar {
    padding-top: 2px;
    min-height: 32px;
  }
}
@media (max-width: 374px), (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band {
    --r12-names: 127px;
    --r12-names-gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band #bandIn #exchange button[data-building] {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape, .phone-landscape.compact-foot):not(.numbers-open) #band #bandIn #timeRow #timeNote {
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: var(--r12-names, 127px);
    max-width: var(--r12-names, 127px);
    padding: 0 4px 0 0;
    background-color: var(--paper);
    font: 400 12px/14px var(--sans);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 4;
  }
}
@media (max-width: 639px) and (max-height: 279px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band {
    overflow: hidden;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #bandIn {
    --chart-least: 106px;
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):not(.more-open):not(.more-closing):not(.seats-open) #band #bandIn #seatsKey {
    background-color: var(--paper);
    box-shadow: -16px 0 0 var(--paper), 16px 0 0 var(--paper);
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):is(.more-open, .more-closing, .seats-open) #band #bandIn {
    --chart-least: 106px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):is(.more-open, .more-closing, .seats-open) #band #bandIn #listen #sentence {
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open):is(.more-open, .more-closing, .seats-open) #band #soundSummary {
    grid-area: 6 / 1;
    position: static !important;
  }
}
@media (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #guideNote {
    top: calc(var(--look-foot, 100svh) - 52px - var(--look-clear, 0px));
    transform: translate(calc(var(--picture-width, 100vw) - 2 * var(--m, 16px) - 100%), -100%);
  }
}
html.d31-seats.plate #guideNote {
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
html.d31-seats.plate #guideNote[data-state=leaving] {
  pointer-events: none;
}
html.d31-seats.plate #guideNote::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  transform: translateY(-50%);
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #guideNote[data-looked=true]::before {
  top: auto;
  bottom: -3px;
  transform: none;
}
@media (max-height: 379px) and (orientation: landscape) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape #guideNote::before {
    top: auto;
    bottom: -3px;
    transform: none;
  }
}
@media (any-hover: hover) {
  html.d31-seats.plate:not(.phone-foot, .phone-landscape) #guideNote:hover,
  html.d31-seats.plate:not(.phone-foot, .phone-landscape) #guideNote:hover #guideWords {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--ink);
    text-underline-offset: 3px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup {
  flex-flow: column nowrap;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #position :is(.seat-models-differ, .seat-detail):not([hidden]),
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #seatWall:not([hidden]) {
  line-height: 18px;
  padding-top: 2px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #position .seat-distance:not([hidden]) {
  padding-top: 2px;
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #position > b {
    font-size: 19px;
    line-height: 22px;
  }
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #position :is(.seat-models-differ, .seat-distance, .seat-detail):not([hidden]),
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.h-cell-open) #band #positionGroup #seatWall:not([hidden]) {
    font-size: 11.5px;
    line-height: 14px;
    padding-top: 2px;
  }
}
html.d31-seats.plate #band #seatStep[hidden] {
  display: none !important;
}
html.d31-seats.plate:is(.phone-foot, .phone-landscape) #band #seatStep,
html.d31-seats.plate.numbers-open #band #seatStep,
html.d31-seats.plate.more-open:not(.more-opening) #band #seatStep,
html.d31-seats.plate.h-cell-open #band #seatStep,
html.d31-seats.plate[data-view=overlook] #band #seatStep {
  display: none !important;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan {
  --step-row: 26px;
  margin-top: -16px;
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan {
    --step-row: 24px;
    margin-top: -16px;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan {
    --step-row: 22px;
    margin-top: -16px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan > :is(#plan, #planControls) {
  max-height: calc(100% - var(--step-row)) !important;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan > #seatStep {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--step-row);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 0 42px 0 0;
  margin: 0;
  z-index: 4;
  pointer-events: auto;
}
@media (min-width: 1600px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan > #seatStep {
    padding-right: 46px;
  }
}
@media (max-height: 759px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan > #seatStep {
    gap: 16px;
    padding-right: 22px;
  }
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open):not(.more-open:not(.more-opening)):not(.h-cell-open) #band #footPlan > #seatStep {
    gap: 14px;
    padding-right: 12px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button {
  position: relative;
  appearance: none;
  display: inline-flex;
  align-items: center;
  font: 400 13.5px/18px var(--sans);
  color: var(--soft);
  min-height: 0;
  height: 100%;
  padding: 0 3px;
  margin: 0;
  background: none;
  border: 0;
  text-decoration: underline;
  text-decoration-color: var(--key-line);
  text-underline-offset: 4px;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-height: 599px) {
  html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button {
    font: 400 12.5px/16px var(--sans);
    min-height: 0;
    height: 100%;
    text-underline-offset: 3px;
  }
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button::before {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: 0;
  bottom: 0;
  height: 100%;
  transform: none;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button:is(:hover, :focus-visible) {
  color: var(--ink);
  text-decoration-color: var(--ink);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button:focus-visible {
  outline: 1.5px solid var(--ink);
  outline-offset: 1px;
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape) #band #footPlan > #seatStep button:disabled {
  opacity: 0.38;
  cursor: default;
}
#arrivalVeil {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  will-change: opacity;
}
#frontis {
  position: fixed;
  z-index: 10;
  pointer-events: none;
  margin: 0;
  padding: 0;
  left: max(28px, calc((100vw - 1680px) / 2 + 28px));
  top: calc(100svh - 180px);
  width: calc(min(100vw, 1680px) - 440px);
  color: var(--ink);
}
#frontis .t {
  margin: 0;
  padding: 0;
  font: 500 26px/30px var(--sans);
  letter-spacing: -0.005em;
  color: var(--ink);
}
#frontis .s,
#frontis .ns {
  margin: 4px 0 0;
  padding: 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
#frontis .ns {
  display: none;
}
@media (min-width: 1000px) and (max-height: 759px) {
  #frontis {
    top: calc(100svh - 184px);
  }
  #frontis .s,
  #frontis .ns {
    font: 400 13.5px/18px var(--sans);
  }
}
@media (min-width: 1000px) and (max-height: 599px) {
  #frontis {
    top: calc(100svh - 220px);
  }
}
@media (max-width: 999px) and (min-height: 600px), (max-width: 999px) and (orientation: portrait) {
  #frontis {
    left: 16px;
    right: 16px;
    top: calc(100svh - 192px);
    width: auto;
  }
  #frontis .t {
    font: 500 20px/24px var(--sans);
    letter-spacing: -0.01em;
  }
  #frontis .s,
  #frontis .ns {
    margin: 1px 0 0;
    font: 400 13px/18px var(--sans);
  }
}
@media (max-width: 999px) and (min-height: 600px) and (max-height: 739px), (max-width: 999px) and (orientation: portrait) and (max-height: 739px) {
  #frontis {
    top: calc(100svh - 181px);
  }
}
@media (min-width: 600px) and (max-width: 999px) and (max-height: 599px), (max-width: 599px) and (max-height: 599px) and (min-aspect-ratio: 5/4) {
  #frontis {
    left: calc(55% + 18px);
    right: 14px;
    top: 10px;
    width: auto;
  }
  #frontis .t {
    font: 500 20px/24px var(--sans);
    letter-spacing: -0.01em;
  }
  #frontis .s,
  #frontis .ns {
    margin: 1px 0 0;
    font: 400 13px/18px var(--sans);
  }
}
@media (min-width: 600px) and (max-width: 999px) and (max-height: 339px), (max-width: 599px) and (max-height: 339px) and (min-aspect-ratio: 5/4) {
  #frontis .s,
  #frontis .ns {
    margin: 2px 0 0;
    font: 400 13px/17px var(--sans);
  }
}
@media (max-width: 339px) {
  #frontis .t {
    font: 500 18px/22px var(--sans);
  }
}
html.arriving[data-view=overlook]:not(.reading-register):not(.failed) #band #theatreTitle > .mark {
  opacity: 0 !important;
}
html.failed #band #theatreTitle > .mark {
  opacity: 0 !important;
}
html.failed #band #theatreTitle > :not(.mark) {
  visibility: hidden !important;
  opacity: 0 !important;
}
html.failed #band :is(#seated, #soundSummary) {
  display: none !important;
}
html.band-laid-out:not(.failed) #frontis .s {
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms cubic-bezier(0.4, 0, 1, 1), visibility 0s 120ms;
}
html:not(.arriving):not(.failed) #frontis,
html.reading-register #frontis,
html[data-view=seat] #frontis {
  opacity: 0;
  visibility: hidden;
}
html.band-pending :is(#lines, #seatTags, #nameA, #nameB, #leafRow, #recordLayer, #band #bandIn) {
  opacity: 0;
}
html.arriving.band-laid-out[data-view=overlook]:not(.phase2-started) #lines {
  opacity: 1;
  transition: opacity 700ms cubic-bezier(0, 0, 0.2, 1) 120ms;
}
html.arriving.band-laid-out[data-view=overlook] :is(#seatTags, #nameA, #nameB, #leafRow, #recordLayer, #band #bandIn),
html.d31-seats.plate.arriving.band-laid-out[data-view=overlook] #band #bandIn,
html.d31-seats.plate.arriving.band-laid-out[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  opacity: 1;
  transition: opacity 500ms cubic-bezier(0, 0, 0.2, 1) 120ms !important;
}
@media (prefers-reduced-motion: reduce) {
  html.band-laid-out:not(.failed) #frontis .s {
    transition: none !important;
  }
  html.arriving.band-laid-out[data-view=overlook]:not(.phase2-started) #lines {
    opacity: 1;
    transition: opacity 300ms linear 0ms;
  }
  html.arriving.band-laid-out[data-view=overlook] :is(#seatTags, #nameA, #nameB, #leafRow, #recordLayer, #band #bandIn),
  html.d31-seats.plate.arriving.band-laid-out[data-view=overlook] #band #bandIn,
  html.d31-seats.plate.arriving.band-laid-out[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
    opacity: 1;
    transition: opacity 300ms linear 0ms !important;
  }
}
html[data-motion=steps].band-laid-out:not(.failed) #frontis .s {
  transition: none !important;
}
html[data-motion=steps].arriving.band-laid-out[data-view=overlook]:not(.phase2-started) #lines {
  opacity: 1;
  transition: opacity 300ms linear 0ms;
}
html[data-motion=steps].arriving.band-laid-out[data-view=overlook] :is(#seatTags, #nameA, #nameB, #leafRow, #recordLayer, #band #bandIn),
html[data-motion=steps].d31-seats.plate.arriving.band-laid-out[data-view=overlook] #band #bandIn,
html[data-motion=steps].d31-seats.plate.arriving.band-laid-out[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape) #band #bandIn {
  opacity: 1;
  transition: opacity 300ms linear 0ms !important;
}
@media (min-width: 1150px) {
  html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #openingSubtitle {
    white-space: nowrap;
  }
}
html.d31-seats.plate:is(.arriving, .arrival-note-swapping, .arrival-note-hiding)[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #arrivalNote {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms cubic-bezier(0, 0, 0.2, 1);
}
html.d31-seats.plate.arrival-note-swapping[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #arrivalNote {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1);
}
html.d31-seats.plate.arrival-note-hiding[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted) #band #theatreTitle #arrivalNote {
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), visibility 0s 150ms;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] #openingSubtitle,
html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #openingSubtitle {
  position: relative;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] .opening-subtitle-phone,
html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle .opening-subtitle-phone {
  display: block;
}
html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] #arrivalNote,
html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #arrivalNote {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  min-width: 0;
  display: block;
  line-height: inherit;
}
html.d31-seats.plate:not(.arrival-note-hiding)[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] .opening-subtitle-phone {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none;
}
html.d31-seats.plate:not(.arrival-note-hiding)[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] #arrivalNote {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms cubic-bezier(0, 0, 0.2, 1);
}
html.d31-seats.plate.arrival-note-swapping:not(.arrival-note-hiding)[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle[data-arrival-active=true] #arrivalNote {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1);
}
html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle #arrivalNote {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), visibility 0s 150ms;
}
html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle .opening-subtitle-phone {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms cubic-bezier(0, 0, 0.2, 1) 150ms, visibility 0s 150ms;
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate:is(.arriving, .arrival-note-swapping, .arrival-note-hiding)[data-view=overlook] #band #theatreTitle #arrivalNote {
    transition-timing-function: linear;
  }
  html.d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle .opening-subtitle-phone {
    transition: opacity 150ms linear 150ms, visibility 0s 150ms;
  }
}
html[data-motion=steps].d31-seats.plate:is(.arriving, .arrival-note-swapping, .arrival-note-hiding)[data-view=overlook] #band #theatreTitle #arrivalNote {
  transition-timing-function: linear;
}
html[data-motion=steps].d31-seats.plate.arrival-note-hiding[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted) #band #theatreTitle .opening-subtitle-phone {
  transition: opacity 150ms linear 150ms, visibility 0s 150ms;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted, .reading-register) #band #theatreTitle :is(#seatRingKey, #seatRingKey[hidden]) {
  display: block !important;
  margin: 0 !important;
  min-height: 17px !important;
  height: 17px !important;
  font: 400 13px/17px var(--sans) !important;
  color: var(--soft);
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted, .reading-register) #band #theatreTitle #seatRingKey[hidden] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html.d31-seats.plate[data-view=overlook]:not(.phone-foot, .phone-landscape, .study-cell-mounted, .reading-register) #band #theatreTitle #seatRingKey:not([hidden]) {
  opacity: 1;
  transition: opacity 400ms linear;
}
html.reading-register #band #seatRingKey {
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (min-height: 300px) {
  html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted, .reading-register) #band #theatreTitle #seatRingKey[hidden] {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html.d31-seats.plate[data-view=overlook].plate-phone:is(.phone-foot, .phone-landscape):not(.study-cell-mounted, .reading-register) #band #theatreTitle #seatRingKey:not([hidden]) {
    opacity: 1;
    transition: opacity 400ms linear;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.d31-seats.plate[data-view=overlook]:not(.reading-register) #band #theatreTitle #seatRingKey:not([hidden]) {
    transition: opacity 200ms linear !important;
  }
}
html[data-motion=steps].d31-seats.plate[data-view=overlook]:not(.reading-register) #band #theatreTitle #seatRingKey:not([hidden]) {
  transition: opacity 200ms linear !important;
}
#arrivalVeil[data-phase=seat-enter],
#arrivalVeil[data-phase=seat-leave],
#arrivalVeil[data-phase=heading-jump] {
  z-index: 2;
}
#arrivalVeil[data-phase=seat-leave] ~ #recordLayer,
#arrivalVeil[data-phase=seat-leave] ~ .name,
#arrivalVeil[data-phase=seat-leave] ~ #leafRow,
#arrivalVeil[data-phase=heading-jump] ~ .name,
#arrivalVeil[data-phase=heading-jump] ~ #leafRow {
  z-index: 3;
}
html.d31-seats.plate:not(.numbers-open) #band #numbersRoom {
  display: none !important;
}
html.band-pending[data-view=overlook] #band :is(#seated, #soundSummary, #stand) {
  display: none !important;
}
html.d31-seats.plate.numbers-open.numbers-loading #band #numbersRoom #numbersRoot > :not(#numbersLoadingNotice):not(#numbersFailure),
html.d31-seats.plate.numbers-open.numbers-loading #band #numbersRoom :is(#numbersToolbar, #numbersWall, #numbersFullHouseNote) {
  visibility: hidden !important;
}
html.d31-seats.plate #band #numbersRoom #numbersLoadingNotice {
  margin: 4px 0;
  font: 400 13px/18px var(--sans);
  color: var(--soft);
}
html.d31-seats.plate[data-view=seat]:not(.phone-foot, .phone-landscape):not(.numbers-open) #band #listen {
  display: grid !important;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  column-gap: var(--g) !important;
  row-gap: 0 !important;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  pointer-events: none;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #listen {
  display: grid !important;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  gap: 0 !important;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  pointer-events: none;
}
html.d31-seats.plate.listen-fading[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #listen {
  position: relative !important;
  z-index: 4 !important;
}
html.d31-seats.plate.listen-fading[data-view=seat].plate-phone.many-seats:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #seatsKey {
  z-index: 5 !important;
}
html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #listen > :not(#soundSummary),
html.d31-seats.plate[data-view=seat]:not(.numbers-open) #band #listen #seated > * {
  pointer-events: auto;
}
html.method-opening #stage {
  transform: translateY(-100%);
}
html:is(.method-opening, .method-closing) #register {
  position: relative;
  z-index: 9;
  visibility: visible !important;
  pointer-events: none !important;
  box-shadow: 0 0 0 100vw var(--paper);
}
html:is(.method-opening, .method-closing) #methodClose {
  z-index: 10;
  pointer-events: none !important;
}
@media (max-width: 737px) and (orientation: landscape) {
  html.d31-seats.plate.plate-phone.phone-landscape.numbers-open:is(.more-open, .more-closing)[data-view=seat] #band #seatActions {
    position: fixed !important;
    left: var(--picture-width) !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 48px !important;
    min-height: 44px !important;
    padding: 0 calc(14px + env(safe-area-inset-right, 0px)) 4px calc(var(--veil-down) + 8px) !important;
    background: var(--paper) !important;
    z-index: 8 !important;
  }
}
@media (max-width: 639px) and (max-height: 279px) and (orientation: landscape) {
  html.d31-seats.plate.plate-phone.phone-landscape:not(.numbers-open):is(.more-open, .more-closing)[data-view=seat] #band #seatActions {
    position: fixed !important;
    left: var(--picture-width) !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 48px !important;
    min-height: 44px !important;
    padding: 0 calc(14px + env(safe-area-inset-right, 0px)) 4px calc(var(--veil-down) + 8px) !important;
    background: var(--paper) !important;
    z-index: 8 !important;
  }
}
@media (orientation: landscape) and (max-width: 720px) {
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions :is(#viewNearer, #moreKey) {
    position: relative;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions #viewNearer::after {
    content: "";
    position: absolute;
    inset: 0 -2px;
  }
  html.d31-seats.plate[data-view].plate-phone.phone-landscape #band #seatActions #moreKey::after {
    content: "";
    position: absolute;
    inset: 0 -1px 0 -4px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.sounds-open:not(.plate-short):not(.numbers-open) #band #hearChoices .choice::after {
  bottom: -8px;
}
html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.sounds-open:not(.plate-short):not(.numbers-open) #band #soundChooser #soundChooserClose::after {
  top: -20px;
}
@media (orientation: portrait) and (min-width: 340px) and (max-width: 374px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #hearChoices {
    column-gap: 8px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #hearChoices .choice::after {
    top: -20px;
    bottom: -2px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #hearChoices .choice[data-audience=empty]::after {
    left: -12px;
    right: 0;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-foot.plate-short:not(.numbers-open) #band #hearChoices .choice[data-audience=occupied]::after {
    left: -8px;
    right: 26px;
  }
}
@media (orientation: landscape) and (min-width: 760px) and (max-height: 379px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #hearChoices .choice::after {
    top: -21px;
    bottom: -1px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #hearChoices .choice[data-audience=occupied]::after {
    left: -3px;
    right: 7.7px;
  }
}
@media (orientation: landscape) and (max-width: 619px) {
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #hearChoices .choice::after {
    top: -20px;
    bottom: -2px;
  }
  html.d31-seats.plate[data-view=seat].plate-phone.phone-landscape:not(.numbers-open) #band #hearChoices .choice[data-audience=occupied]::after {
    top: -2px;
    bottom: -2px;
    left: -2px;
  }
}
html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group + .sound-chooser-group {
  margin-top: 8px;
}
html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group .choice::after {
  top: -2px;
  bottom: -21px;
}
html.d31-seats.plate.plate-phone #soundChooser #soundChooserClose::after {
  inset: 0 0 -23px -8px;
}
@media (orientation: portrait) and (min-height: 601px) and (max-height: 739px) {
  html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group + .sound-chooser-group {
    margin-top: 6px;
  }
  html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group:nth-child(1 of .sound-chooser-group) .choice::after {
    top: -10px;
    bottom: -13px;
  }
  html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group:nth-child(2 of .sound-chooser-group) .choice::after {
    top: -8px;
    bottom: -15px;
  }
  html.d31-seats.plate.plate-phone #soundChooser .sound-chooser-group:nth-child(3 of .sound-chooser-group) .choice::after {
    top: -6px;
    bottom: -17px;
  }
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange #buildingA::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  bottom: -8px;
}
html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange #buildingB::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -12px;
}
@media (orientation: portrait) and (min-height: 601px) and (max-height: 739px) {
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange #buildingA::before {
    top: -7px;
    bottom: -9px;
    z-index: 1;
  }
  html.d31-seats.plate[data-view=seat].plate-phone:is(.phone-foot, .phone-landscape):not(.numbers-open) #band #exchange #buildingB::before {
    top: 1px;
    bottom: -17px;
  }
}
@view-transition {
  navigation: auto;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 2400ms;
  animation-timing-function: cubic-bezier(.7, 0, .3, 1);
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 1ms !important;
  }
}