/* Immersive Fullscreen Map Mode overrides */.site-shell.fullscreen-map {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}.site-shell.fullscreen-map .topbar {
    display: none !important;
}.site-shell.fullscreen-map .content-stack {
    padding: 0 !important;
    margin: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
}/* Mobile Sidebar Sliding Drawer Layout (Screens <= 768px) */@media (max-width: 768px) {

    /* Permanent labels sizing adjustments for smaller viewports */
    .poi-tooltip-permanent {
        padding: 2px 4px !important;
        border-radius: 0 !important;
    }
}/* Stat name left, gap readout centered over the bar. */.duel-head {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: baseline;
    gap: 10px;
}.duel-head .duel-stat {
    grid-column: 1;
    justify-self: start;
}.duel-head .duel-delta {
    grid-column: 2;
    justify-self: center;
}.duel-stat {
    color: var(--muted);
    font-family: var(--font-code);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.duel-lower-hint {
    color: var(--gold-700);
    cursor: help;
}.duel-delta {
    font-family: var(--font-code);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}.duel-delta {
    color: var(--gold-300);
}.duel-delta.is-even {
    color: var(--muted);
}.duel-track {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 22px;
    background: var(--panel-deep);
    border: 1px solid var(--border);
}/* Hard center axis the bars grow away from. */.duel-track::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -3px;
    bottom: -3px;
    width: 2px;
    background: var(--gold-700);
    transform: translateX(-50%);
}.duel-half {
    overflow: hidden;
}.duel-half-a {
    display: flex;
    justify-content: flex-end;
}.duel-fill {
    display: block;
    height: 100%;
}/* Same gauge treatment as the detail-mode stat bars: hatched gold gradient. */.duel-half-a .duel-fill {
    background:
        repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.16) 0 5px, transparent 5px 11px),
        linear-gradient(270deg, var(--gold-300), var(--gold-500));
}.duel-half-b .duel-fill {
    background:
        repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.16) 0 5px, transparent 5px 11px),
        linear-gradient(90deg, var(--gold-300), var(--gold-500));
}@media (prefers-reduced-motion: no-preference) {
    .duel-fill {
        transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }
}