.copy-inline { display:inline-flex; align-items:center; gap:8px; }
        .copy-btn {
            width: 28px; height: 28px; border-radius: 6px; border: 1px solid rgba(245,196,0,0.3);
            background: rgba(245,196,0,0.12); color: var(--accent); cursor: pointer;
            display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s;
        }
        .copy-btn:hover { background: rgba(245,196,0,0.2); box-shadow: var(--shadow-accent); }
        .copy-btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
        .restart-value { color: var(--accent); }
        .weather-grid-wide {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 14px;
        }
        .weather-grid-wide .weather-item {
            background: rgba(245,196,0,0.12);
            border: 1px solid rgba(245,196,0,0.24);
            border-radius: var(--radius-sm);
            padding: 14px 16px;
            text-align: left;
            box-shadow: var(--shadow-accent);
        }
        .weather-grid-wide .weather-icon {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        .weather-grid-wide .weather-val {
            font-size: 1.05rem;
            font-weight: 800;
            margin-bottom: 6px;
        }
        .weather-grid-wide .weather-lbl {
            font-size: 0.78rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        @media (max-width: 1100px) {
            .weather-grid-wide { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        }
        @media (max-width: 700px) {
            .weather-grid-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        .live-badge-green {
            margin-left: auto;
            background: rgba(72,187,120,0.15);
            color: var(--online);
            border: 1px solid rgba(72,187,120,0.3);
        }
        .live-badge-green::before {
            background: var(--online);
        }
        .kill-feed-player .killer {
            color: var(--danger);
            font-weight: 600;
        }
        .kill-feed-npc-standard .killer {
            color: var(--accent);
            font-weight: 600;
        }
        .tec-badge-red {
            background: rgba(229,62,62,0.15);
            color: var(--danger);
            border: 1px solid rgba(229,62,62,0.3);
        }

        /* Align Kill Feed block spacing with Server Status block */
        .server-info-row,
        .kill-feed-item {
            min-height: 58px;
        }

        .kill-feed-item {
            display: flex;
            align-items: center;
            gap: 14px;
            padding-top: 0;
            padding-bottom: 0;
            border-bottom: 1px solid var(--border);
        }

        .kill-feed-item:last-child {
            border-bottom: none;
        }

        .kill-feed-item .killer,
        .kill-feed-item .victim {
            font-size: 0.95rem;
            line-height: 1.2;
        }

        .kill-feed-item .weapon,
        .kill-feed-item .time,
        .kill-feed-item .arrow {
            font-size: 0.9rem;
            line-height: 1.2;
            color: var(--text-secondary);
        }

        .kill-feed-item .time {
            margin-left: auto;
            min-width: 92px;
            text-align: right;
            white-space: nowrap;
        }

        @media (max-width: 900px) {
            .kill-feed-item {
                gap: 10px;
            }

            .kill-feed-item .time {
                min-width: 78px;
            }
        }

.heatmap-frame {
    overflow: hidden;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

.heatmap-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.heatmap-note {
    margin-top: 14px;
}

.rules-content {
    color: var(--text-secondary);
    line-height: 1.6;
}

.rules-list {
    margin: 12px 0 18px 18px;
    padding: 0;
}

.rules-list li {
    margin-bottom: 6px;
}

.rules-divider {
    height: 1px;
    background: var(--border);
    margin: 20px 0;
}

.rules-subtitle {
    color: var(--text-primary);
    margin-bottom: 10px;
}

.rules-footer {
    margin-top: 18px;
    font-size: 13px;
    color: var(--text-muted);
}

.kill-feed-scroll {
    max-height: 520px;
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(245,196,0,0.45) rgba(255,255,255,0.04);
}

.kill-feed-scroll::-webkit-scrollbar {
    width: 8px;
}

.kill-feed-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.04);
    border-radius: 999px;
}

.kill-feed-scroll::-webkit-scrollbar-thumb {
    background: rgba(245,196,0,0.45);
    border-radius: 999px;
}

.kill-feed-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(245,196,0,0.65);
}

.heatmap-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

.heatmap-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.heatmap-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}

.heatmap-tooltip {
    position: absolute;
    z-index: 5;
    display: none;
    max-width: 280px;
    padding: 8px 10px;
    border: 1px solid rgba(245,196,0,0.28);
    border-radius: 8px;
    background: rgba(10, 10, 10, 0.92);
    color: var(--text-primary);
    font-size: 0.78rem;
    line-height: 1.45;
    pointer-events: none;
    box-shadow: var(--shadow-accent);
}

.heatmap-note {
    margin-top: 14px;
}

.heatmap-status {
    margin-left: auto;
    font-size: 0.78rem;
    color: var(--text-secondary);
}

.heatmap-controls {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}

.heatmap-filter {
    border: 1px solid rgba(245,196,0,0.28);
    border-radius: 999px;
    background: rgba(245,196,0,0.08);
    color: var(--text-secondary);
    padding: 7px 12px;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.2s;
}

.heatmap-filter:hover,
.heatmap-filter.active {
    color: var(--accent);
    background: rgba(245,196,0,0.16);
}