/**
 * Table Wrapper — Shared 3D perspective container
 *
 * Used by Arena (.table-wrapper) and Drill (.drill-table-wrapper).
 * CRITICAL: Both must have identical perspective-origin for correct seat projection.
 */

.table-wrapper,
.drill-table-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    position: relative;
    z-index: var(--z-seat-base);
    overflow: visible;
    perspective: 1100px;
    padding: clamp(80px, 12vh, 144px) clamp(40px, 6vw, 72px);
    border-radius: 18px;

    background-image:
        url('/static/assets/backgrounds/tablebg1.webp'),
        radial-gradient(ellipse at 50% 35%, rgba(20, 90, 65, 0.15), rgba(6, 12, 24, 0.55));
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat;
}

/* Drill table wrapper needs less vertical padding to match arena table size.
 * Drill has extra vertical overhead: timeline bar (~50px) + layout padding (~24px),
 * so the table gets height-constrained and shrinks via aspect-ratio. */
.drill-table-wrapper {
    padding-top: clamp(40px, 6vh, 80px);
    padding-bottom: clamp(40px, 6vh, 80px);
}

.table-wrapper::before,
.drill-table-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 18px;
    background: radial-gradient(
        ellipse 75% 70% at 50% 48%,
        rgba(0, 0, 0, 0.08) 0%,
        rgba(0, 0, 0, 0.3) 55%,
        rgba(0, 0, 0, 0.55) 100%
    );
    z-index: var(--z-base);
    pointer-events: none;
}