/* A single sound-enabled entrance, using the campaign's existing opening frame. */
html.cs-entry-open, html.cs-entry-open body { overflow: hidden; }
html.cs-entry-open .cs-radio { visibility: hidden; }
#courtsmith-entry {
  position: fixed; inset: 0; margin: 0; padding: 0; border: 0;
  width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none;
  overflow-x: hidden; overflow-y: auto; color: #f3f5fa; background: #060a12;
  overscroll-behavior: contain; box-shadow: none; isolation: isolate;
}
#courtsmith-entry[open] { display: grid; place-items: center; }
#courtsmith-entry::backdrop { background: transparent; backdrop-filter: none; }
.cs-entry-image, .cs-entry-image img, .cs-entry-shade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cs-entry-image img { object-fit: cover; object-position: center; opacity: .8; }
.cs-entry-shade { background: linear-gradient(180deg, #04071144 0%, #04071105 35%, #040711ee 100%), linear-gradient(90deg, #04071160, transparent 75%); }
.cs-entry-content { position: relative; width: min(330px, calc(100% - 40px)); }
.cs-entry-actions { position: relative; width: 100%; }
#courtsmith-entry button { min-height: 52px; font: 600 11px/1.4 Barlow, Arial, sans-serif; }
.cs-entry-enter {
  display: inline-flex; align-items: center; justify-content: center; gap: 18px;
  width: 100%; padding: 16px 24px; border: 1px solid #bf8cff; border-radius: 0;
  color: #f6f3ff; background: #151123a6; letter-spacing: 1.8px; text-transform: uppercase;
  transition: background-color 160ms ease, border-color 160ms ease, transform 140ms cubic-bezier(.23,1,.32,1);
}
.cs-entry-enter svg { width: 18px; height: 18px; fill: none; stroke: #cda5ff; stroke-width: 1.5; stroke-linejoin: round; }
.cs-entry-arrow { margin-left: 20px; color: #cda5ff; font-size: 19px; }
.cs-entry-enter:active { transform: scale(.975); }
.cs-entry-enter:disabled { cursor: progress; }
.cs-entry-silent { position: absolute; top: calc(100% + 10px); left: 0; width: 100%; color: #b5c0d3; background: none; border: 0; padding: 12px 2px; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #77859b; }
.cs-entry-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cs-entry-note.is-visible { top: calc(100% + 72px); left: 0; width: 100%; height: auto; margin: 0; clip-path: none; white-space: normal; text-align: center; color: #d0daec; font: 500 11px/1.6 Barlow, Arial, sans-serif; }
#courtsmith-entry button:focus-visible { outline: 2px solid #dfc6ff; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  .cs-entry-enter:hover { background: #302040d9; border-color: #e4cfff; }
  .cs-entry-silent:hover { color: #fff; }
}
@media (max-width: 600px) {
  .cs-entry-enter { padding: 16px 18px; }
}
html[data-input="keyboard"] .cs-entry-enter { transition: none; }
html[data-input="keyboard"] .cs-entry-enter:active { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .cs-entry-enter { transition: none; }
  .cs-entry-enter:active { transform: none; }
}