.event-tickets__actions { display: grid; gap: 1rem; min-width: 0; }
.table-reserve-button { cursor: pointer; }
.vip-back:focus-visible { outline: 2px solid var(--red-bright); outline-offset: 5px; }
.vip-tables { max-width: 1050px; margin: 0 auto; padding: clamp(8rem, 15vw, 12rem) var(--page-gutter) 5rem; }
.vip-back { display: inline-block; margin-bottom: 3rem; color: inherit; text-decoration: none; }
.vip-tables h1 { font-family: var(--font-content); font-weight: 500; font-size: clamp(2.4rem, 7vw, 6rem); line-height: .95; letter-spacing: -.04em; margin: 1.5rem 0; }
.vip-instructions { max-width: 40rem; line-height: 1.6; color: var(--white-muted); }
.vip-plan-container { margin-top: 2rem; background: transparent; }
.vip-plan { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.vip-table {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer; touch-action: manipulation;
  stroke: #bd6175; stroke-width: 1; vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 0 transparent);
  transition: fill .22s ease, stroke .22s ease, filter .22s ease;
}
@media (hover: hover) {
  .vip-table:hover { fill: #ed2340; stroke: #ff7185; filter: drop-shadow(0 0 7px #ed234066); }
}
.vip-table[aria-pressed="true"] {
  fill: #ed2340; stroke: #ff7185;
  filter: drop-shadow(0 0 7px #ed234066);
}
.vip-table:focus-visible {
  outline: none; stroke: #fff0e8; stroke-width: 2.5;
  filter: drop-shadow(0 0 8px #ffb8c480);
}
.vip-selection { min-height: 1.6em; margin: 1.5rem 0 0; text-align: center; line-height: 1.6; }
@media (prefers-reduced-motion: reduce) { .vip-table, .table-reserve-button { transition: none; } }

.vip-plan-label {
  font-family: var(--font-content);
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  word-spacing: normal;
  stroke: none;
  filter: none;
  text-shadow: none;
  text-decoration: none;
  pointer-events: none;
  user-select: none;
}
.vip-plan-label--number { fill: #f3f0eb; font-size: 44px; }
.vip-plan-label--stage { fill: #c4c4c4; font-size: 34px; }
.vip-plan-label--floor { fill: #888888; font-size: 36px; }

body.vip-dialog-open { overflow: hidden; }
.vip-dialog {
  box-sizing: border-box; width: min(32rem, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem); overflow-y: auto;
  margin: auto; padding: 3.5rem clamp(1.5rem, 5vw, 2.5rem) 2rem;
  border: 1px solid #343434; background: #101010; color: #f3f0eb;
  font-family: var(--font-content); font-weight: normal;
  text-shadow: none; -webkit-text-stroke: 0; line-height: 1.6;
}
.vip-dialog::backdrop { background: rgb(0 0 0 / 78%); }
.vip-dialog h2 { margin: 0 0 1rem; font-size: clamp(2rem, 7vw, 3rem); font-weight: normal; line-height: 1.1; }
.vip-dialog__close {
  position: absolute; top: .6rem; right: .6rem; width: 44px; height: 44px;
  border: 0; background: transparent; color: inherit; font: inherit; font-size: 2rem; cursor: pointer;
}
.vip-dialog__close:focus-visible { outline: 2px solid #ed2340; outline-offset: 2px; }
.vip-dialog .vip-dialog__price { margin: 0; font-size: 1.7rem; }
.vip-dialog__capacity { margin: .25rem 0 1.5rem; }
.vip-dialog__request {
  width: 100%; margin-top: 1rem; padding: 1rem; border: 1px solid #82263b;
  background: #82263b; color: #f3f0eb; font: inherit; cursor: pointer;
}
.vip-dialog__note { margin: .8rem 0 0; color: #aaa; font-size: .85rem; }

.vip-dialog__request:hover { background: #a32b45; }
.vip-dialog :is(button, input, select, textarea):focus-visible { outline: 2px solid #ed2340; outline-offset: 3px; }
.vip-dialog__back { border: 0; padding: .75rem 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.vip-field { margin: 1.2rem 0; }
.vip-field label { display: block; margin-bottom: .45rem; }
.vip-field :is(input:not([type="checkbox"]), select, textarea) {
  width: 100%; min-width: 0; padding: .8rem; border: 1px solid #555;
  background: #181818; color: #f3f0eb; font: inherit; font-size: 16px; border-radius: 0;
}
.vip-field textarea { resize: vertical; }
.vip-field .vip-check { display: flex; align-items: flex-start; gap: .7rem; }
.vip-check input { flex: 0 0 auto; width: 20px; height: 20px; margin: .25rem 0 0; accent-color: #c2172a; }
.vip-field [aria-invalid="true"] { border-color: #ff7185; }
.vip-field-error { margin: .4rem 0 0; color: #ff9aa9; font-size: .9rem; }
#vip-preview-title { font-size: 1.2rem; font-weight: normal; color: #f3f0eb; }
.vip-preview dt { color: #aaa; margin-top: 1rem; }
.vip-preview dd { margin: .25rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }

.vip-dialog__request:disabled { cursor: not-allowed; opacity: .5; }
.vip-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.vip-table[data-availability="reserved"] { fill: #8f0e1c; stroke: #d77989; stroke-dasharray: 6 4; }
.vip-table[data-availability="unavailable"] { fill: #303030; stroke: #999; stroke-dasharray: 2 4; }
.vip-table[data-availability="reserved"][aria-pressed="true"], .vip-table[data-availability="unavailable"][aria-pressed="true"] { stroke: #f3f0eb; stroke-width: 2; }
.vip-table:focus-visible { stroke: #fff0e8; stroke-width: 2.5; }
.vip-availability-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 1.5rem; margin: 1.5rem 0 0; padding: 0; list-style: none; font-family: var(--font-ui); font-size: .7rem; color: #c4c4c4; }
.vip-availability-legend li { display: flex; align-items: center; gap: .5rem; }
.vip-availability-legend i { width: .9rem; height: .9rem; background: #82263b; border: 1px solid #bd6175; }
.vip-availability-legend [data-state="reserved"] i { background: #8f0e1c; border: 1px dashed #d77989; }
.vip-availability-legend [data-state="unavailable"] i { background: #303030; border: 1px dotted #999; }
.vip-table[data-availability="unknown"] { opacity: .6; }
#vip-success-title { font-size: 1.2rem; font-weight: normal; }