:root {
    --vt-black: #000000;
    --vt-panel: #0b0b0b;
    --vt-panel-2: #141414;
    --vt-line: #2e2e2e;
    --vt-amber: #ffa028;
    --vt-amber-deep: #c77514;
    --vt-yellow: #ffe14a;
    --vt-white: #f2f2f2;
    --vt-grey: #a3a3a3;
    --vt-green: #3fd35a;
    --vt-red: #ff4b4b;
    --vt-red-deep: #b3121b;
    --vt-cyan: #5cc8ff;
    --vt-mono: Consolas, "Lucida Console", "Courier New", monospace;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 4.5rem;
}

body {
    background-color: var(--vt-black);
    color: var(--vt-white);
    font-family: var(--vt-mono);
    font-size: 0.98rem;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--vt-cyan);
}

a:hover,
a:focus {
    color: var(--vt-yellow);
}

:focus-visible {
    outline: 2px solid var(--vt-yellow);
    outline-offset: 2px;
}


.site-navbar.navbar {
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 0.4rem 0;
    background-color: var(--vt-black) !important;
    border-bottom: 2px solid var(--vt-amber);
}

.site-navbar .navbar-brand {
    font-family: var(--vt-mono);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--vt-amber);
    padding-left: 2.2rem;
    background: url(Assets/favicon.svg) left center / 1.7rem no-repeat;
}

.site-navbar .navbar-brand:hover,
.site-navbar .navbar-brand:focus {
    color: var(--vt-yellow);
}

.site-navbar .navbar-nav {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.site-navbar .nav-link {
    padding: 0.25rem 0.7rem;
    background-color: var(--vt-panel-2);
    border: 1px solid var(--vt-line);
    color: var(--vt-amber);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.site-navbar .nav-link:hover,
.site-navbar .nav-link:focus {
    background-color: var(--vt-amber);
    border-color: var(--vt-amber);
    color: var(--vt-black);
}

.site-navbar .nav-cta {
    background-color: var(--vt-green);
    border-color: var(--vt-green);
    color: var(--vt-black);
}

.site-navbar .nav-cta:hover,
.site-navbar .nav-cta:focus {
    background-color: var(--vt-yellow);
    border-color: var(--vt-yellow);
}

.site-navbar .navbar-toggler {
    border-color: var(--vt-amber);
    border-radius: 0;
}

.site-body {
    padding: 0;
    margin-top: 0;
    max-width: none;
}

.site-body > *:not(main),
.site-body > main > *:not(.tenant-hero):not(.tenant-section) {
    grid-column: 1 / -1;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.site-body > *:not(main):first-child,
.site-body > main > *:not(.tenant-hero):not(.tenant-section):first-child {
    margin-top: 3rem;
}

.site-body > main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    max-width: 100rem;
    margin: 0 auto;
    background-color: var(--vt-line);
    border-bottom: 1px solid var(--vt-line);
}

.site-body > main > .tenant-hero,
.site-body > main > .tenant-section:not(.tenant-section-panel) {
    grid-column: 1 / -1;
}

.site-footer {
    position: relative;
    overflow: hidden;
    background-color: var(--vt-black);
    color: var(--vt-grey);
    border-top: 2px solid var(--vt-amber);
    padding: 3.6rem 0 2rem;
    margin-top: 0;
}

.site-footer::before {
    content: "BREAKING \00B7  RAVE INSTANCE AT CAPACITY, LAKE BUFFERBLOAT AT 6% \00B7  FEDERAL RESERVE OF HUGS HOLDS HEADPAT RATE \00B7  T-POSE INDUSTRIES HALTED \00B7  EUROPE STILL ASLEEP IN A SLEEP WORLD \00B7  GRASS UNCHANGED \00B7  BREAKING \00B7  RAVE INSTANCE AT CAPACITY, LAKE BUFFERBLOAT AT 6% \00B7  FEDERAL RESERVE OF HUGS HOLDS HEADPAT RATE \00B7  T-POSE INDUSTRIES HALTED \00B7  EUROPE STILL ASLEEP IN A SLEEP WORLD \00B7  GRASS UNCHANGED \00B7  ";
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    padding: 0.4rem 0;
    white-space: pre;
    background-color: var(--vt-red-deep);
    color: var(--vt-white);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    animation: vt-ticker 60s linear infinite;
}

.site-footer-text {
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.site-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.site-footer-link {
    padding: 0.2rem 0.65rem;
    background-color: var(--vt-panel-2);
    border: 1px solid var(--vt-line);
    color: var(--vt-amber);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.site-footer-link:hover,
.site-footer-link:focus {
    background-color: var(--vt-amber);
    color: var(--vt-black);
}


.tenant-hero {
    position: relative;
    overflow: hidden;
    background-color: var(--vt-black);
    background-image:
        repeating-linear-gradient(to bottom, rgba(255, 160, 40, 0.035) 0 1px, transparent 1px 4px);
    color: var(--vt-white);
    padding-bottom: 2.3rem;
}

.tenant-hero::before {
    content: "\25CF  LIVE*";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 0.4rem 0.8rem;
    background-color: var(--vt-red-deep);
    color: var(--vt-white);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.tenant-hero::after {
    content: "$MIRR 4,120.66 \25B2 4.10%   $UWU 69.42 \25B2 6.94%   $TPOSE 0.03 \25BC 98.20%   $LAG 999.99 \25B2 999%   $GRASS 0.00 UNCH   $BATT 12% \25BC   HUG/HEADPAT 3.75 \25B2   $FBT 1,880.00 \25B2 0.42%   PHANTOM SENSE 77.10 \25BC 1.20%   LAKES REMAINING 2 \25BC   PLAYERS ONLINE 41,208,117 \25B2   $MIRR 4,120.66 \25B2 4.10%   $UWU 69.42 \25B2 6.94%   $TPOSE 0.03 \25BC 98.20%   $LAG 999.99 \25B2 999%   $GRASS 0.00 UNCH   $BATT 12% \25BC   HUG/HEADPAT 3.75 \25B2   $FBT 1,880.00 \25B2 0.42%   PHANTOM SENSE 77.10 \25BC 1.20%   LAKES REMAINING 2 \25BC   PLAYERS ONLINE 41,208,117 \25B2   ";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: max-content;
    padding: 0.4rem 0;
    white-space: pre;
    background-color: var(--vt-panel-2);
    border-top: 1px solid var(--vt-line);
    color: var(--vt-amber);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    animation: vt-ticker 50s linear infinite;
}

.tenant-hero-backdrop,
.tenant-hero-shade {
    display: none;
}

.tenant-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 100rem;
    padding: 3.2rem 1.5rem 3rem;
}

.tenant-hero .tenant-kicker {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.2rem 0.6rem;
    background-color: var(--vt-amber);
    color: var(--vt-black);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.tenant-hero-heading {
    max-width: 26ch;
    margin: 0 0 1rem;
    font-family: var(--vt-mono);
    font-size: clamp(1.9rem, 4.6vw, 3.4rem);
    font-weight: 700;
    line-height: 1.12;
    color: var(--vt-amber);
}

.tenant-hero-heading::after {
    content: "";
    display: inline-block;
    width: 0.55em;
    height: 0.9em;
    margin-left: 0.2em;
    vertical-align: -0.08em;
    background-color: var(--vt-amber);
    animation: vt-blink 1.1s steps(1) infinite;
}

.tenant-hero-sub {
    display: block;
    max-width: 62rem;
    color: var(--vt-white);
    font-size: 1rem;
    line-height: 1.6;
}

.tenant-hero .tenant-actions {
    margin-top: 1.6rem;
}


.tenant-section {
    background-color: var(--vt-black);
    min-width: 0;
}

.tenant-section-inner {
    position: relative;
    max-width: none;
    padding: 0 0 1.25rem;
}

.tenant-kicker {
    display: block;
    padding: 0.3rem 1rem;
    background-color: var(--vt-panel-2);
    color: var(--vt-yellow);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.tenant-section-heading {
    margin: 0;
    padding: 0.4rem 1rem;
    background-color: var(--vt-amber);
    color: var(--vt-black);
    font-family: var(--vt-mono);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tenant-section-notice .tenant-section-heading {
    background-color: var(--vt-red-deep);
    color: var(--vt-white);
}

.tenant-section-notice .tenant-kicker {
    color: var(--vt-red);
}

.tenant-section-body {
    padding: 1rem 1rem 0;
}

.tenant-section-body:not(:has(.tenant-copy)):not(:has(.tenant-figure)) {
    display: none;
}

.tenant-copy {
    max-width: 70ch;
    margin-bottom: 0.8rem;
    color: var(--vt-white);
    font-size: 0.95rem;
    line-height: 1.6;
}

.tenant-section-notice .tenant-copy {
    color: var(--vt-grey);
}

.tenant-figure {
    margin: 0.4rem 0 0;
}

.tenant-section-wide .tenant-figure {
    max-width: 64rem;
}

.tenant-figure-image {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--vt-line);
}

.tenant-caption {
    margin-top: 0.4rem;
    color: var(--vt-grey);
    font-size: 0.8rem;
}


.tenant-highlights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1px;
    margin: 1rem 1rem 0;
    background-color: var(--vt-panel);
    border: 1px solid var(--vt-line);
}

.tenant-highlight {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
    background-color: var(--vt-panel);
    box-shadow: 0 0 0 1px var(--vt-line);
}

.tenant-highlight-value {
    color: var(--vt-white);
    font-size: clamp(1.35rem, 2.6vw, 1.9rem);
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.tenant-highlight:nth-child(1) .tenant-highlight-value,
.tenant-highlight:nth-child(2) .tenant-highlight-value {
    color: var(--vt-green);
}

.tenant-highlight:nth-child(4) .tenant-highlight-value {
    color: var(--vt-red);
}

.tenant-highlight-label {
    color: var(--vt-grey);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}


.tenant-ledger {
    margin: 1rem 1rem 0;
    overflow-x: auto;
}

.tenant-ledger-table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--vt-white);
    --bs-table-border-color: var(--vt-line);
    margin: 0;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
}

.tenant-ledger-table thead th {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--vt-amber);
    color: var(--vt-amber);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tenant-ledger-table thead th:last-child,
.tenant-ledger-table td {
    text-align: right;
    white-space: nowrap;
}

.tenant-ledger-table tbody tr:nth-child(odd) {
    --bs-table-accent-bg: var(--vt-panel);
}

.tenant-ledger-table tbody th {
    padding: 0.45rem 0.5rem;
    color: var(--vt-amber);
    font-weight: 700;
}

.tenant-ledger-table td {
    padding: 0.45rem 0.5rem;
    color: var(--vt-white);
    font-weight: 700;
}

.tenant-ledger-note {
    display: block;
    margin-top: 0.15rem;
    color: var(--vt-grey);
    font-size: 0.78rem;
    font-weight: 400;
}

.tenant-ledger-table tfoot th,
.tenant-ledger-table tfoot td {
    border-bottom: 0;
    background-color: var(--vt-amber);
    color: var(--vt-black);
    font-weight: 700;
}


.tenant-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 0.5rem;
    margin: 1rem 1rem 0;
}

.tenant-card {
    display: flex;
    flex-direction: column;
    background-color: var(--vt-panel);
    border: 1px solid var(--vt-line);
    border-left: 3px solid var(--vt-grey);
}

.tenant-card-up {
    border-left-color: var(--vt-green);
}

.tenant-card-down {
    border-left-color: var(--vt-red);
}

.tenant-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0.85rem 1rem;
}

.tenant-card-kicker {
    margin-bottom: 0.35rem;
    color: var(--vt-yellow);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.tenant-card-up .tenant-card-kicker {
    color: var(--vt-green);
}

.tenant-card-down .tenant-card-kicker {
    color: var(--vt-red);
}

.tenant-card-heading {
    margin: 0 0 0.5rem;
    color: var(--vt-white);
    font-family: var(--vt-mono);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.tenant-card-copy {
    margin-bottom: 0.5rem;
    color: var(--vt-grey);
    font-size: 0.86rem;
    line-height: 1.55;
}

.tenant-card a {
    margin-top: auto;
    align-self: flex-start;
    color: var(--vt-cyan);
    font-size: 0.82rem;
    font-weight: 700;
}


.tenant-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tenant-section .tenant-actions {
    margin: 1rem 1rem 0;
}

.tenant-btn {
    display: inline-block;
    padding: 0.45rem 1rem;
    background-color: var(--vt-black);
    border: 1px solid var(--vt-amber);
    border-radius: 0;
    color: var(--vt-amber);
    font-family: var(--vt-mono);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-decoration: none;
    cursor: pointer;
}

.tenant-btn:hover,
.tenant-btn:focus {
    background-color: var(--vt-amber);
    color: var(--vt-black);
}

.tenant-btn-primary {
    background-color: var(--vt-green);
    border-color: var(--vt-green);
    color: var(--vt-black);
}

.tenant-btn-primary:hover,
.tenant-btn-primary:focus {
    background-color: var(--vt-yellow);
    border-color: var(--vt-yellow);
    color: var(--vt-black);
}

#trade .tenant-btn-primary {
    background-color: var(--vt-red-deep);
    border-color: var(--vt-red);
    color: var(--vt-white);
}

#trade .tenant-btn-primary:hover,
#trade .tenant-btn-primary:focus {
    background-color: var(--vt-red);
    color: var(--vt-black);
}


.tenant-rsvp .tenant-highlights {
    max-width: 22rem;
}

.tenant-section .tenant-rsvp .tenant-highlight-value {
    color: var(--vt-amber);
}

.tenant-rsvp-thanks {
    margin: 0.8rem 1rem 0;
    color: var(--vt-green);
}


.tenant-quiz-content {
    background-color: var(--vt-black);
    color: var(--vt-white);
    border: 1px solid var(--vt-amber);
    border-radius: 0;
    font-family: var(--vt-mono);
}

.tenant-quiz-header {
    background-color: var(--vt-amber);
    border-bottom: 0;
    border-radius: 0;
}

.tenant-quiz-header .btn-close-white {
    filter: none;
}

.tenant-quiz-heading {
    color: var(--vt-black);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.tenant-quiz-body {
    padding: 1.25rem 1.5rem;
}

.tenant-quiz-intro {
    color: var(--vt-grey);
}

.tenant-quiz-error {
    margin: 0 0 1.25rem;
    padding: 0.7rem 1rem;
    border-left: 4px solid var(--vt-red);
    background-color: rgba(255, 75, 75, 0.1);
    color: var(--vt-red);
    font-weight: 700;
}

.tenant-quiz-question {
    margin-bottom: 1.3rem;
}

.tenant-quiz-question fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.tenant-quiz-question legend {
    float: none;
    width: auto;
    margin-bottom: 0.45rem;
    color: var(--vt-amber);
    font-size: 1rem;
    font-weight: 700;
}

.tenant-quiz-question-missing legend {
    color: var(--vt-red);
}

.tenant-quiz-question-missing legend::after {
    content: " \2014  NO BID";
    font-size: 0.82rem;
}

.tenant-quiz-answers {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tenant-quiz-answers li {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.25rem 0;
}

.tenant-quiz-answers input[type="radio"] {
    flex: none;
    accent-color: var(--vt-amber);
}

.tenant-quiz-answers label {
    cursor: pointer;
}

.tenant-quiz-result {
    margin-bottom: 1.5rem;
    padding: 1.1rem 1.3rem;
    background-color: var(--vt-panel-2);
    border-left: 6px solid var(--vt-green);
}

.tenant-quiz-result-label {
    display: block;
    color: var(--vt-grey);
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tenant-quiz-score {
    display: block;
    color: var(--vt-green);
    font-size: clamp(2.4rem, 7vw, 3.4rem);
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.tenant-quiz-band {
    display: block;
    margin: 0.2rem 0 0.7rem;
    color: var(--vt-white);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.tenant-quiz-result-lake {
    border-left-color: var(--vt-amber);
}

.tenant-quiz-result-lake .tenant-quiz-score {
    color: var(--vt-amber);
}

.tenant-quiz-result-great,
.tenant-quiz-result-sea {
    border-left-color: var(--vt-red);
}

.tenant-quiz-result-great .tenant-quiz-score,
.tenant-quiz-result-sea .tenant-quiz-score {
    color: var(--vt-red);
}

.tenant-quiz-result-sea .tenant-quiz-band {
    animation: vt-blink 1.1s steps(1) infinite;
}

.tenant-quiz-fineprint .tenant-copy {
    color: var(--vt-grey);
    font-size: 0.8rem;
}

.tenant-quiz-footer {
    border-top: 1px solid var(--vt-line);
}


@keyframes vt-ticker {
    to {
        transform: translateX(-50%);
    }
}

@keyframes vt-blink {
    50% {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }
}


@media (min-width: 576px) {
    .tenant-section-inner > .tenant-kicker {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        padding: 0.45rem 1rem;
        background-color: transparent;
        color: var(--vt-black);
    }

    .tenant-section-inner > .tenant-kicker ~ .tenant-section-heading {
        padding-right: 11rem;
    }

    .tenant-section-notice .tenant-section-inner > .tenant-kicker {
        color: var(--vt-white);
    }
}

@media (max-width: 991.98px) {
    .site-body > main {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .tenant-hero-inner {
        padding: 2.2rem 1rem 2.4rem;
    }

    .tenant-cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .tenant-ledger-table td {
        white-space: normal;
    }
}