{"title":"German | Leaderboard_v4","content":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;700;900&family=Inter:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   V4 APEX \u2013 Dynamic Theme Colors\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .v4-wrap {\n        font-family: 'Inter', sans-serif;\n        color: var(--text);\n        min-height: 100vh;\n        padding: 8px 0;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* \u2550\u2550\u2550 PARTICLE CANVAS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .v4-particles {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    \/* Animated glow orbs *\/\n    .v4-wrap::before {\n        content: '';\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        top: -200px;\n        left: -100px;\n        background: radial-gradient(circle, var(--primary-dim) 0%, transparent 70%);\n        border-radius: 50%;\n        animation: v4-orb1 12s ease-in-out infinite;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .v4-wrap::after {\n        content: '';\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        bottom: -150px;\n        right: -100px;\n        background: radial-gradient(circle, var(--accent-dim) 0%, transparent 70%);\n        border-radius: 50%;\n        animation: v4-orb2 15s ease-in-out infinite;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    @keyframes v4-orb1 {\n\n        0%,\n        100% {\n            transform: translate(0, 0) scale(1);\n            opacity: 0.6;\n        }\n\n        33% {\n            transform: translate(100px, 80px) scale(1.2);\n            opacity: 0.8;\n        }\n\n        66% {\n            transform: translate(-50px, 40px) scale(0.9);\n            opacity: 0.5;\n        }\n    }\n\n    @keyframes v4-orb2 {\n\n        0%,\n        100% {\n            transform: translate(0, 0) scale(1);\n            opacity: 0.5;\n        }\n\n        50% {\n            transform: translate(-120px, -60px) scale(1.3);\n            opacity: 0.7;\n        }\n    }\n\n    \/* \u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .v4-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: stretch;\n        gap: 16px;\n        margin-bottom: 20px;\n        position: relative;\n        z-index: 1;\n    }\n\n    .v4-session-card {\n        flex: 1;\n        background: var(--panel);\n        backdrop-filter: blur(24px);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        padding: 24px 32px;\n        position: relative;\n        overflow: hidden;\n        transition: border-color 0.3s, box-shadow 0.3s;\n    }\n\n    .v4-session-card:hover {\n        border-color: var(--border-hover);\n        box-shadow: var(--primary-glow);\n    }\n\n    .v4-session-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);\n        opacity: 0.8;\n    }\n\n    .v4-session-card::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);\n        filter: blur(8px);\n        opacity: 0.6;\n    }\n\n    .v4-phase {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 900;\n        font-size: 11px;\n        letter-spacing: 4px;\n        color: var(--primary);\n        text-shadow: 0 0 20px var(--primary-dim);\n        margin-bottom: 6px;\n        animation: v4-phase-pulse 3s ease-in-out infinite;\n    }\n\n    @keyframes v4-phase-pulse {\n\n        0%,\n        100% {\n            opacity: 0.8;\n        }\n\n        50% {\n            opacity: 1;\n            text-shadow: 0 0 30px var(--primary-dim);\n        }\n    }\n\n    .v4-server-name {\n        font-size: 22px;\n        font-weight: 800;\n        color: var(--text);\n        line-height: 1.2;\n    }\n\n    .v4-server-meta {\n        font-size: 11px;\n        color: var(--text-dim);\n        margin-top: 6px;\n        letter-spacing: 0.5px;\n    }\n\n    .v4-timer-card {\n        min-width: 220px;\n        background: var(--panel);\n        backdrop-filter: blur(24px);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        padding: 20px 28px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        transition: border-color 0.3s, box-shadow 0.3s;\n    }\n\n    .v4-timer-card:hover {\n        border-color: var(--border-hover);\n        box-shadow: var(--primary-glow);\n    }\n\n    .v4-timer-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--primary), transparent);\n        opacity: 0.7;\n    }\n\n    .v4-timer-label {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        color: var(--text-dim);\n        margin-bottom: 8px;\n    }\n\n    .v4-timer-clock {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 900;\n        font-size: 44px;\n        color: var(--text);\n        line-height: 1;\n        background: linear-gradient(135deg, var(--text), var(--primary));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .v4-stats-card {\n        min-width: 140px;\n        background: var(--panel);\n        backdrop-filter: blur(24px);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        padding: 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        position: relative;\n        overflow: hidden;\n        transition: border-color 0.3s, box-shadow 0.3s;\n    }\n\n    .v4-stats-card:hover {\n        border-color: var(--border-hover);\n    }\n\n    .v4-stats-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--accent), transparent);\n        opacity: 0.5;\n    }\n\n    .v4-stats-val {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 900;\n        font-size: 28px;\n        background: linear-gradient(135deg, var(--text), var(--accent));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .v4-stats-lbl {\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: var(--text-dim);\n        text-transform: uppercase;\n    }\n\n    \/* \u2550\u2550\u2550 PODIUM TOP 3 (when >= 3 drivers) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .v4-podium {\n        display: grid;\n        grid-template-columns: 1fr 1.2fr 1fr;\n        gap: 16px;\n        margin-bottom: 20px;\n        position: relative;\n        z-index: 1;\n    }\n\n    .v4-podium-card {\n        background: var(--panel);\n        backdrop-filter: blur(24px);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        padding: 24px 20px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n    }\n\n    .v4-podium-card:hover {\n        transform: translateY(-4px);\n        border-color: var(--border-hover);\n    }\n\n    .v4-podium-card[data-pos=\"1\"] {\n        order: 2;\n        border-color: var(--gold);\n        box-shadow: 0 8px 40px rgba(255, 215, 0, 0.1), inset 0 1px 0 rgba(255, 215, 0, 0.2);\n    }\n\n    .v4-podium-card[data-pos=\"1\"]:hover {\n        box-shadow: 0 12px 50px rgba(255, 215, 0, 0.2), inset 0 1px 0 rgba(255, 215, 0, 0.3);\n    }\n\n    .v4-podium-card[data-pos=\"2\"] {\n        order: 1;\n    }\n\n    .v4-podium-card[data-pos=\"3\"] {\n        order: 3;\n    }\n\n    .v4-podium-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n    }\n\n    .v4-podium-card[data-pos=\"1\"]::before {\n        background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n\n    .v4-podium-card[data-pos=\"2\"]::before {\n        background: linear-gradient(90deg, transparent, var(--silver), transparent);\n        opacity: 0.6;\n    }\n\n    .v4-podium-card[data-pos=\"3\"]::before {\n        background: linear-gradient(90deg, transparent, var(--bronze), transparent);\n        opacity: 0.6;\n    }\n\n    .v4-podium-pos {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 900;\n        font-size: 48px;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n\n    .v4-podium-card[data-pos=\"1\"] .v4-podium-pos {\n        font-size: 64px;\n        background: linear-gradient(135deg, var(--gold), #ffed4a, var(--gold));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.4));\n        animation: v4-gold-shimmer 3s ease-in-out infinite;\n    }\n\n    @keyframes v4-gold-shimmer {\n\n        0%,\n        100% {\n            filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));\n        }\n\n        50% {\n            filter: drop-shadow(0 0 35px rgba(255, 215, 0, 0.6));\n        }\n    }\n\n    .v4-podium-card[data-pos=\"2\"] .v4-podium-pos {\n        color: var(--silver);\n        text-shadow: 0 0 15px rgba(184, 184, 200, 0.3);\n    }\n\n    .v4-podium-card[data-pos=\"3\"] .v4-podium-pos {\n        color: var(--bronze);\n        text-shadow: 0 0 15px rgba(205, 127, 50, 0.3);\n    }\n\n    .v4-podium-name {\n        font-size: 16px;\n        font-weight: 800;\n        color: var(--text);\n        margin-bottom: 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .v4-podium-card[data-pos=\"1\"] .v4-podium-name {\n        font-size: 18px;\n    }\n\n    .v4-podium-time {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 13px;\n        font-weight: 600;\n        color: var(--purple);\n        text-shadow: 0 0 10px rgba(184, 76, 255, 0.3);\n    }\n\n    .v4-podium-laps {\n        font-size: 11px;\n        color: var(--text-dim);\n        margin-top: 2px;\n    }\n\n    \/* P1 crown icon *\/\n    .v4-podium-card[data-pos=\"1\"]::after {\n        content: '\ud83d\udc51';\n        position: absolute;\n        top: 12px;\n        right: 16px;\n        font-size: 24px;\n        animation: v4-crown-bob 2s ease-in-out infinite;\n    }\n\n    @keyframes v4-crown-bob {\n\n        0%,\n        100% {\n            transform: translateY(0) rotate(-5deg);\n        }\n\n        50% {\n            transform: translateY(-4px) rotate(5deg);\n        }\n    }\n\n    \/* \u2550\u2550\u2550 LEADERBOARD TABLE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .v4-table {\n        background: var(--panel);\n        backdrop-filter: blur(24px);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        overflow: hidden;\n        position: relative;\n        z-index: 1;\n    }\n\n    .v4-table::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 10%, var(--primary) 50%, transparent 90%);\n        opacity: 0.6;\n    }\n\n    .v4-thead {\n        display: grid;\n        grid-template-columns: 50px 60px minmax(100px, 1.2fr) 50px minmax(100px, 1fr) minmax(100px, 1fr) 80px 90px minmax(180px, 1.5fr);\n        padding: 16px 24px;\n        background: rgba(255, 255, 255, 0.02);\n        border-bottom: 1px solid var(--border);\n    }\n\n    .v4-th {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: var(--text-dim);\n        text-transform: uppercase;\n    }\n\n    .v4-tbody {\n        position: relative;\n    }\n\n    .v4-row {\n        display: grid;\n        grid-template-columns: 50px 60px minmax(100px, 1.2fr) 50px minmax(100px, 1fr) minmax(100px, 1fr) 80px 90px minmax(180px, 1.5fr);\n        padding: 14px 24px;\n        align-items: center;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n        transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n        position: relative;\n    }\n\n    .v4-row.v4-new {\n        animation: v4-row-in 0.4s ease-out both;\n    }\n\n    @keyframes v4-row-in {\n        from {\n            opacity: 0;\n            transform: translateX(-12px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .v4-row::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        width: 3px;\n        border-radius: 0 3px 3px 0;\n        background: transparent;\n        transition: background 0.3s, box-shadow 0.3s;\n    }\n\n    .v4-row:hover {\n        background: var(--primary-dim);\n    }\n\n    .v4-row:hover::before {\n        background: var(--primary);\n        box-shadow: 0 0 12px var(--primary-dim);\n    }\n\n    \/* Top 3 row accents *\/\n    .v4-row[data-pos=\"1\"]::before {\n        background: var(--gold);\n        box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);\n    }\n\n    .v4-row[data-pos=\"2\"]::before {\n        background: var(--silver);\n        box-shadow: 0 0 10px rgba(184, 184, 200, 0.15);\n    }\n\n    .v4-row[data-pos=\"3\"]::before {\n        background: var(--bronze);\n        box-shadow: 0 0 10px rgba(205, 127, 50, 0.2);\n    }\n\n    \/* Position *\/\n    .v4-pos {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 900;\n        font-size: 18px;\n        color: var(--text-dim);\n        text-align: center;\n    }\n\n    .v4-row[data-pos=\"1\"] .v4-pos {\n        color: var(--gold);\n        text-shadow: 0 0 15px rgba(255, 215, 0, 0.4);\n    }\n\n    .v4-row[data-pos=\"2\"] .v4-pos {\n        color: var(--silver);\n    }\n\n    .v4-row[data-pos=\"3\"] .v4-pos {\n        color: var(--bronze);\n    }\n\n    \/* Car number *\/\n    .v4-car {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--text-dim);\n        background: rgba(255, 255, 255, 0.04);\n        border: 1px solid var(--border);\n        border-radius: 6px;\n        padding: 4px 8px;\n        text-align: center;\n        width: fit-content;\n        transition: border-color 0.2s;\n    }\n\n    .v4-row:hover .v4-car {\n        border-color: var(--border-hover);\n    }\n\n    \/* Driver name *\/\n    .v4-driver {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--text);\n    }\n\n    .v4-admin-link {\n        color: inherit !important;\n        text-decoration: none !important;\n        border-bottom: 1px dashed var(--border-hover);\n        transition: all 0.2s;\n    }\n\n    .v4-admin-link:hover {\n        color: var(--primary) !important;\n        border-bottom-color: var(--primary);\n        text-shadow: 0 0 8px var(--primary-dim);\n    }\n\n    \/* Laps *\/\n    .v4-laps {\n        font-family: 'Orbitron', sans-serif;\n        font-weight: 700;\n        font-size: 14px;\n        text-align: center;\n        color: var(--text);\n    }\n\n    \/* Times *\/\n    .v4-time {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 13px;\n        font-weight: 500;\n        color: var(--text);\n    }\n\n    .v4-time-best {\n        color: var(--purple);\n        text-shadow: 0 0 10px rgba(184, 76, 255, 0.3);\n    }\n\n    .v4-time-improved {\n        color: var(--success);\n        text-shadow: 0 0 10px rgba(0, 232, 122, 0.3);\n        animation: v4-improved-flash 0.6s ease-out;\n    }\n\n    @keyframes v4-improved-flash {\n        0% {\n            background: rgba(0, 232, 122, 0.15);\n        }\n\n        100% {\n            background: transparent;\n        }\n    }\n\n    \/* Sectors *\/\n    .v4-sectors {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    .v4-sector-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        flex: 1;\n        min-width: 0;\n    }\n\n    .v4-sector-time {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 12px;\n        font-weight: 600;\n        color: var(--text-dim);\n        white-space: nowrap;\n    }\n\n    .v4-sector-time.s-best {\n        color: var(--purple);\n        text-shadow: 0 0 8px rgba(184, 76, 255, 0.4);\n    }\n\n    .v4-sector-time.s-good {\n        color: var(--success);\n    }\n\n    .v4-sector-time.s-avg {\n        color: var(--gold);\n    }\n\n    .v4-sector-bar {\n        width: 100%;\n        height: 3px;\n        border-radius: 2px;\n        background: rgba(255, 255, 255, 0.08);\n        transition: all 0.3s;\n    }\n\n    .v4-sector-bar.s-best {\n        background: var(--purple);\n        box-shadow: 0 0 6px rgba(184, 76, 255, 0.5);\n    }\n\n    .v4-sector-bar.s-good {\n        background: var(--success);\n    }\n\n    .v4-sector-bar.s-avg {\n        background: var(--gold);\n    }\n\n    .v4-sector-bar.s-slow {\n        background: var(--primary);\n    }\n\n    \/* Gap *\/\n    .v4-gap {\n        font-family: 'JetBrains Mono', monospace;\n        font-size: 12px;\n        font-weight: 500;\n        color: var(--text-dim);\n    }\n\n    .v4-gap-leader {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 9px;\n        font-weight: 900;\n        letter-spacing: 2px;\n        color: var(--gold);\n        text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);\n    }\n\n    \/* Status *\/\n    .v4-status {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 5px 12px;\n        border-radius: 20px;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n    }\n\n    .v4-status-pit {\n        background: rgba(232, 35, 42, 0.12);\n        color: var(--primary);\n        border: 1px solid rgba(232, 35, 42, 0.25);\n    }\n\n    .v4-status-pit .v4-dot {\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background: var(--primary);\n        animation: v4-blink 1.2s infinite;\n    }\n\n    .v4-status-track {\n        background: rgba(0, 232, 122, 0.08);\n        color: var(--success);\n        border: 1px solid rgba(0, 232, 122, 0.2);\n    }\n\n    .v4-status-track .v4-dot {\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background: var(--success);\n    }\n\n    @keyframes v4-blink {\n\n        0%,\n        100% {\n            opacity: 1;\n        }\n\n        50% {\n            opacity: 0.2;\n        }\n    }\n\n    \/* Position change arrows *\/\n    .v4-pos-change {\n        font-size: 10px;\n        margin-left: 4px;\n        font-weight: 700;\n    }\n\n    .v4-pos-up {\n        color: var(--success);\n    }\n\n    .v4-pos-down {\n        color: var(--primary);\n    }\n\n    \/* Loading state *\/\n    .v4-loading {\n        padding: 80px 40px;\n        text-align: center;\n    }\n\n    .v4-loading-text {\n        font-family: 'Orbitron', sans-serif;\n        font-size: 12px;\n        letter-spacing: 6px;\n        color: var(--primary);\n        animation: v4-fade 2s ease-in-out infinite;\n    }\n\n    @keyframes v4-fade {\n\n        0%,\n        100% {\n            opacity: 0.4;\n        }\n\n        50% {\n            opacity: 1;\n        }\n    }\n\n    .v4-loading-bar {\n        width: 200px;\n        height: 2px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 1px;\n        margin: 16px auto 0;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .v4-loading-bar::after {\n        content: '';\n        position: absolute;\n        left: -40%;\n        width: 40%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, var(--primary), transparent);\n        animation: v4-scan 1.5s linear infinite;\n    }\n\n    @keyframes v4-scan {\n        0% {\n            left: -40%;\n        }\n\n        100% {\n            left: 100%;\n        }\n    }\n\n    \/* Server Selector *\/\n    .v4-selector {\n        position: relative;\n        z-index: 10;\n    }\n\n    .v4-select {\n        appearance: none;\n        -webkit-appearance: none;\n        font-family: 'Orbitron', sans-serif;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        color: var(--text);\n        background: var(--panel);\n        border: 1px solid var(--border);\n        border-radius: 10px;\n        padding: 10px 36px 10px 14px;\n        cursor: pointer;\n        backdrop-filter: blur(12px);\n        transition: border-color 0.3s, box-shadow 0.3s;\n        width: 100%;\n        text-transform: uppercase;\n    }\n\n    .v4-select:hover,\n    .v4-select:focus {\n        border-color: var(--primary);\n        box-shadow: var(--primary-glow);\n        outline: none;\n    }\n\n    .v4-select option {\n        background: var(--bg2);\n        color: var(--text);\n        padding: 8px;\n    }\n\n    .v4-selector::after {\n        content: '\u25be';\n        position: absolute;\n        right: 14px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--primary);\n        font-size: 14px;\n        pointer-events: none;\n    }\n\n    \/* No podium on mobile *\/\n    @media (max-width: 900px) {\n        .v4-podium {\n            display: none;\n        }\n    }\n\n    \/* Responsive table *\/\n    @media (max-width: 1200px) {\n\n        .v4-thead,\n        .v4-row {\n            grid-template-columns: 45px 55px minmax(80px, 1.2fr) 45px minmax(90px, 1fr) minmax(90px, 1fr) 70px 85px minmax(150px, 1.3fr);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .v4-header {\n            flex-direction: column;\n        }\n\n        .v4-wrap {\n            padding: 12px;\n        }\n\n        .v4-thead,\n        .v4-row {\n            grid-template-columns: 40px 1fr 60px 110px 100px;\n        }\n\n        .v4-th:nth-child(2),\n        .v4-row> :nth-child(2),\n        .v4-th:nth-child(6),\n        .v4-row> :nth-child(6),\n        .v4-th:nth-child(7),\n        .v4-row> :nth-child(7),\n        .v4-th:nth-child(9),\n        .v4-row> :nth-child(9) {\n            display: none;\n        }\n\n        \/* \u2550\u2550\u2550 FLAG BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .v4-flag-banner {\n            display: none;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 12px 24px;\n            margin-bottom: 20px;\n            border-radius: 12px;\n            font-weight: 800;\n            font-size: 1.1rem;\n            letter-spacing: 1px;\n            z-index: 10;\n            position: relative;\n            animation: v4-fade-in 0.3s ease-out;\n        }\n\n        .v4-flag-banner.active {\n            display: flex;\n        }\n\n        .v4-flag-yellow {\n            background: #ffd700;\n            color: #000;\n            box-shadow: 0 0 30px rgba(255, 215, 0, 0.4);\n            animation: v4-flash-yellow 1s infinite;\n        }\n\n        .v4-flag-chequered {\n            background: #fff;\n            color: #000;\n            background-image: repeating-conic-gradient(#fff 0% 25%, #000 0% 50%) 50% \/ 40px 40px;\n            text-shadow: 0 0 10px rgba(255, 255, 255, 1);\n            border: 2px solid #000;\n        }\n\n        @keyframes v4-flash-yellow {\n\n            0%,\n            100% {\n                opacity: 1;\n            }\n\n            50% {\n                opacity: 0.8;\n            }\n        }\n\n        \/* \u2550\u2550\u2550 STATUS BADGES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n        .v4-status-penalty {\n            background: #e8232a !important;\n            color: #fff !important;\n            font-weight: 800;\n        }\n\n        .v4-status-accident {\n            background: #ff5722 !important;\n            color: #fff !important;\n            animation: v4-pulse-red 1s infinite;\n        }\n\n        .v4-flag-blue {\n            display: inline-flex;\n            width: 18px;\n            height: 18px;\n            background: #2196f3;\n            border-radius: 3px;\n            margin-left: 8px;\n            vertical-align: middle;\n            box-shadow: 0 0 8px rgba(33, 150, 243, 0.6);\n        }\n\n        @keyframes v4-pulse-red {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(232, 35, 42, 0.4); }\n            50% { box-shadow: 0 0 0 10px rgba(232, 35, 42, 0); }\n        }\n    }\n<\/style>\n\n<div class=\"v4-wrap\" id=\"v4-root\" data-server=\"Nurburgring\" data-is-admin=\"0\">\n    <canvas class=\"v4-particles\" id=\"v4-particles\"><\/canvas>\n\n    <div class=\"v4-header\">\n        <div class=\"v4-session-card\">\n            <div class=\"v4-phase\" id=\"v4-phase\">--<\/div>\n            <div class=\"v4-server-name\" id=\"v4-server\">CONNECTING...<\/div>\n            <div class=\"v4-server-meta\" id=\"v4-meta\">Waiting for telemetry data<\/div>\n        <\/div>\n        <div class=\"v4-timer-card\">\n            <div class=\"v4-timer-label\">SESSION TIME<\/div>\n            <div class=\"v4-timer-clock\" id=\"v4-clock\">00:00<\/div>\n        <\/div>\n        <div class=\"v4-stats-card\">\n            <div class=\"v4-stats-val\" id=\"v4-drivers\">0<\/div>\n            <div class=\"v4-stats-lbl\">DRIVERS<\/div>\n        <\/div>\n        <div class=\"v4-stats-card v4-selector\">\n            <select class=\"v4-select\" id=\"v4-server-select\" onchange=\"v4SwitchServer(this.value)\">\n                                    <option value=\"Barcelona\" >\n                        Barcelona                    <\/option>\n                                    <option value=\"Event\" >\n                        Event                    <\/option>\n                                    <option value=\"Monza\" >\n                        Monza                    <\/option>\n                                    <option value=\"MountPanorama\" >\n                        MountPanorama                    <\/option>\n                                    <option value=\"Nordschleife\" >\n                        Nordschleife                    <\/option>\n                                    <option value=\"Nurburgring\" selected>\n                        Nurburgring                    <\/option>\n                                    <option value=\"Nurburgring_GT4\" >\n                        Nurburgring_GT4                    <\/option>\n                                    <option value=\"OultonPark\" >\n                        OultonPark                    <\/option>\n                                    <option value=\"Silverstone\" >\n                        Silverstone                    <\/option>\n                                    <option value=\"SPA\" >\n                        SPA                    <\/option>\n                                    <option value=\"Valencia\" >\n                        Valencia                    <\/option>\n                                    <option value=\"ZOLDER\" >\n                        ZOLDER                    <\/option>\n                            <\/select>\n        <\/div>\n    <\/div>\n\n    <div class=\"v4-podium\" id=\"v4-podium\" style=\"display:none;\"><\/div>\n\n    <div class=\"v4-table\">\n        <div class=\"v4-thead\">\n            <div class=\"v4-th\">POS<\/div>\n            <div class=\"v4-th\">CAR<\/div>\n            <div class=\"v4-th\">DRIVER<\/div>\n            <div class=\"v4-th\" style=\"text-align:center\">LAPS<\/div>\n            <div class=\"v4-th\">LAST LAP<\/div>\n            <div class=\"v4-th\">BEST LAP<\/div>\n            <div class=\"v4-th\">GAP<\/div>\n            <div class=\"v4-th\">STATUS<\/div>\n            <div class=\"v4-th\">SECTORS<\/div>\n        <\/div>\n        <div class=\"v4-tbody\" id=\"v4-body\">\n            <div class=\"v4-loading\">\n                <div class=\"v4-loading-text\">SYNCING TELEMETRY<\/div>\n                <div class=\"v4-loading-bar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        const root = document.getElementById('v4-root');\n        const body = document.getElementById('v4-body');\n        const clock = document.getElementById('v4-clock');\n        const phase = document.getElementById('v4-phase');\n        const server = document.getElementById('v4-server');\n        const meta = document.getElementById('v4-meta');\n        const drvCount = document.getElementById('v4-drivers');\n        const podiumEl = document.getElementById('v4-podium');\n        let serverFolder = root.dataset.server;\n        const isAdmin = root.dataset.isAdmin === '1';\n        let lastHash = '';\n        let prevPositions = {};\n\n        window.v4SwitchServer = function(val) {\n            serverFolder = val;\n            root.dataset.server = val;\n            const url = new URL(window.location);\n            url.searchParams.set('server', val);\n            history.replaceState(null, '', url);\n            lastHash = '';\n            prevPositions = {};\n            podiumEl.innerHTML = '';\n            body.innerHTML = '<tr><td colspan=\"8\" style=\"text-align:center;padding:40px;color:var(--text-muted)\">Loading...<\/td><\/tr>';\n            update();\n        };\n\n        \/* \u2550\u2550\u2550 PARTICLE SYSTEM \u2550\u2550\u2550 *\/\n        const canvas = document.getElementById('v4-particles');\n        const ctx = canvas.getContext('2d');\n        let particles = [];\n\n        function resizeCanvas() {\n            canvas.width = root.offsetWidth;\n            canvas.height = root.offsetHeight;\n        }\n        resizeCanvas();\n        window.addEventListener('resize', resizeCanvas);\n\n        const cs = getComputedStyle(document.documentElement);\n        const primaryColor = cs.getPropertyValue('--primary').trim() || '#e8232a';\n\n        function hexToRgb(hex) {\n            hex = hex.replace('#', '');\n            if (hex.length === 3) hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n            return {\n                r: parseInt(hex.substr(0, 2), 16),\n                g: parseInt(hex.substr(2, 2), 16),\n                b: parseInt(hex.substr(4, 2), 16)\n            };\n        }\n        const pRgb = hexToRgb(primaryColor);\n\n        for (let i = 0; i < 40; i++) {\n            particles.push({\n                x: Math.random() * canvas.width,\n                y: Math.random() * canvas.height,\n                vx: (Math.random() - 0.5) * 0.3,\n                vy: (Math.random() - 0.5) * 0.3,\n                size: Math.random() * 2 + 0.5,\n                alpha: Math.random() * 0.3 + 0.05\n            });\n        }\n\n        const flagBanner = document.createElement('div');\n        flagBanner.id = 'v4-flag-banner';\n        flagBanner.className = 'v4-flag-banner';\n        root.insertBefore(flagBanner, root.querySelector('.v4-table'));\n\n        function drawParticles() {\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n                if (p.x < 0) p.x = canvas.width;\n                if (p.x > canvas.width) p.x = 0;\n                if (p.y < 0) p.y = canvas.height;\n                if (p.y > canvas.height) p.y = 0;\n                ctx.beginPath();\n                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n                ctx.fillStyle = `rgba(${pRgb.r},${pRgb.g},${pRgb.b},${p.alpha})`;\n                ctx.fill();\n            });\n            \/\/ Draw connections\n            for (let i = 0; i < particles.length; i++) {\n                for (let j = i + 1; j < particles.length; j++) {\n                    const dx = particles[i].x - particles[j].x;\n                    const dy = particles[i].y - particles[j].y;\n                    const dist = Math.sqrt(dx * dx + dy * dy);\n                    if (dist < 120) {\n                        ctx.beginPath();\n                        ctx.moveTo(particles[i].x, particles[i].y);\n                        ctx.lineTo(particles[j].x, particles[j].y);\n                        ctx.strokeStyle = `rgba(${pRgb.r},${pRgb.g},${pRgb.b},${0.06 * (1 - dist\/120)})`;\n                        ctx.stroke();\n                    }\n                }\n            }\n            requestAnimationFrame(drawParticles);\n        }\n        drawParticles();\n\n        \/* \u2550\u2550\u2550 HELPERS \u2550\u2550\u2550 *\/\n        function fmt(ms) {\n            if (!ms || ms <= 0) return '--:--.---';\n            const m = Math.floor(ms \/ 60000);\n            const s = Math.floor((ms % 60000) \/ 1000);\n            const ml = ms % 1000;\n            return `${m}:${s.toString().padStart(2,'0')}.${ml.toString().padStart(3,'0')}`;\n        }\n\n        function sectorClass(s1, s2, s3, idx) {\n            const vals = [parseInt(s1) || 0, parseInt(s2) || 0, parseInt(s3) || 0];\n            if (vals[idx] <= 0) return '';\n            const best = Math.min(...vals.filter(v => v > 0));\n            const avg = vals.filter(v => v > 0).reduce((a, b) => a + b, 0) \/ vals.filter(v => v > 0).length;\n            if (vals[idx] === best) return 's-best';\n            if (vals[idx] < avg) return 's-good';\n            return 's-avg';\n        }\n\n        function fmtSec(ms) {\n            if (!ms || ms <= 0) return '--.---';\n            const s = Math.floor(ms \/ 1000);\n            const ml = ms % 1000;\n            return `${s}.${ml.toString().padStart(3,'0')}`;\n        }\n\n        \/* \u2550\u2550\u2550 DATA UPDATE \u2550\u2550\u2550 *\/\n        async function update() {\n            try {\n                const urlParams = new URLSearchParams(window.location.search);\n                const sv = serverFolder || urlParams.get('server') || '';\n                const sp = sv ? `?server=${encodeURIComponent(sv)}` : '';\n                const base = window.location.pathname.includes('\/pages\/') ? '..\/backend\/' : 'backend\/';\n                const r = await fetch(base + 'live_direct.php' + sp);\n                const data = await r.json();\n                if (!data) return;\n\n                if (data.session) {\n                    let phaseDisplay = (data.session.phase || '--').replace(\/\\(session\\)\/gi, '').trim().toUpperCase();\n                    if (data.session.state && data.session.state !== 'LIVE') {\n                        phaseDisplay = data.session.state;\n                    }\n                    phase.textContent = phaseDisplay;\n                    \/\/ Uhr \u00fcber lokalen Countdown synchronisieren statt direkt setzen\n                    if (data.session.timeLeft && data.session.timeLeft !== '00:00') {\n                        window._v4SyncClock(data.session.timeLeft, phaseDisplay);\n                    } else {\n                        clock.textContent = '00:00';\n                    }\n                    server.textContent = (data.session.serverName || serverFolder).toUpperCase();\n                    meta.textContent = `${data.drivers?.length || 0} drivers on track`;\n\n                    \/\/ FLAG BANNER LOGIC\n                    const gf = parseInt(data.session.global_flags) || 0;\n                    if (gf > 0) {\n                        flagBanner.classList.add('active');\n                        if (gf & 8) {\n                            flagBanner.className = 'v4-flag-banner active v4-flag-chequered';\n                            flagBanner.innerHTML = '<i class=\"fas fa-flag-checkered\"><\/i> SESSION COMPLETED';\n                        } else {\n                            flagBanner.className = 'v4-flag-banner active v4-flag-yellow';\n                            let sectors = [];\n                            if (gf & 1) sectors.push('S1');\n                            if (gf & 2) sectors.push('S2');\n                            if (gf & 4) sectors.push('S3');\n                            flagBanner.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> YELLOW FLAG - SECTOR ${sectors.join(' & ')}`;\n                        }\n                    } else {\n                        flagBanner.classList.remove('active');\n                    }\n                }\n\n                drvCount.textContent = data.drivers?.length || 0;\n\n                if (data.dataHash === lastHash) return;\n                lastHash = data.dataHash;\n\n                const drivers = data.drivers || [];\n                const newPositions = {};\n\n                \/\/ Podium \u2014 patch individual cards instead of replacing all\n                if (drivers.length >= 3 && window.innerWidth > 900) {\n                    for (let i = 0; i < 3; i++) {\n                        const d = drivers[i];\n                        const best = parseInt(d.best_lap);\n                        const driverHtml = isAdmin ?\n                            `<a href=\"?page=admin&mod=members&q=${d.steam_id||''}&target_steam=${d.steam_id||''}&target_name=${encodeURIComponent(d.driver_name)}\" class=\"v4-admin-link\">${d.driver_name}<\/a>` :\n                            d.driver_name;\n                        let card = podiumEl.querySelector(`.v4-podium-card[data-pos=\"${i+1}\"]`);\n                        if (!card) {\n                            card = document.createElement('div');\n                            card.className = 'v4-podium-card';\n                            card.dataset.pos = i + 1;\n                            card.innerHTML = `<div class=\"v4-podium-pos\"><\/div><div class=\"v4-podium-name\"><\/div><div class=\"v4-podium-time\"><\/div><div class=\"v4-podium-laps\"><\/div>`;\n                            podiumEl.appendChild(card);\n                        }\n                        const vals = {\n                            '.v4-podium-pos': i + 1,\n                            '.v4-podium-name': driverHtml,\n                            '.v4-podium-time': fmt(best),\n                            '.v4-podium-laps': `${d.laps||0} LAPS`\n                        };\n                        for (const [sel, val] of Object.entries(vals)) {\n                            const el = card.querySelector(sel);\n                            if (el && el.innerHTML !== String(val)) el.innerHTML = String(val);\n                        }\n                    }\n                    while (podiumEl.children.length > 3) podiumEl.removeChild(podiumEl.lastChild);\n                    podiumEl.style.display = 'grid';\n                } else {\n                    podiumEl.style.display = 'none';\n                }\n\n                let html = '';\n                drivers.forEach((d, i) => {\n                    const pos = i + 1;\n                    const key = d.steam_id || d.driver_name;\n                    const prevPos = prevPositions[key];\n                    let changeHtml = '';\n                    if (prevPos !== undefined && prevPos !== pos) {\n                        if (pos < prevPos) changeHtml = `<span class=\"v4-pos-change v4-pos-up\">\u25b2${prevPos - pos}<\/span>`;\n                        else changeHtml = `<span class=\"v4-pos-change v4-pos-down\">\u25bc${pos - prevPos}<\/span>`;\n                    }\n                    newPositions[key] = pos;\n\n                    const isPit = parseInt(d.is_pit) === 1;\n                    const isAccident = parseInt(d.is_accident) === 1;\n                    const penalty = (d.penalty || '').trim();\n                    const carFlags = parseInt(d.car_flags) || 0;\n\n                    const best = parseInt(d.best_lap);\n                    const last = parseInt(d.last_lap);\n                    const bestS1 = parseInt(d.best_s1) || 0;\n                    const bestS2 = parseInt(d.best_s2) || 0;\n                    const bestS3 = parseInt(d.best_s3) || 0;\n\n                    let gapHtml;\n                    if (i === 0) {\n                        gapHtml = '<span class=\"v4-gap-leader\">LEADER<\/span>';\n                    } else {\n                        const leaderLaps = parseInt(drivers[0].laps);\n                        const myLaps = parseInt(d.laps);\n                        if (leaderLaps > myLaps) {\n                            gapHtml = `<span class=\"v4-gap\">+${leaderLaps - myLaps} LAP${leaderLaps-myLaps > 1 ? 'S' : ''}<\/span>`;\n                        } else {\n                            const leaderBest = parseInt(drivers[0].best_lap) || 0;\n                            const gap = best > 0 && leaderBest > 0 ? ((best - leaderBest) \/ 1000).toFixed(3) : (i * 1.2).toFixed(3);\n                            gapHtml = `<span class=\"v4-gap\">+${gap}s<\/span>`;\n                        }\n                    }\n\n                    let statusHtml;\n                    if (penalty) {\n                        statusHtml = `<span class=\"v4-status v4-status-penalty\"><span class=\"v4-dot\"><\/span>${penalty.toUpperCase()}<\/span>`;\n                    } else if (isAccident) {\n                        statusHtml = '<span class=\"v4-status v4-status-accident\"><i class=\"fas fa-car-crash\"><\/i> CRASH<\/span>';\n                    } else if (isPit) {\n                        statusHtml = '<span class=\"v4-status v4-status-pit\"><span class=\"v4-dot\"><\/span>PIT<\/span>';\n                    } else {\n                        statusHtml = '<span class=\"v4-status v4-status-track\"><span class=\"v4-dot\"><\/span>TRACK<\/span>';\n                    }\n\n                    const blueFlagHtml = (carFlags & 2) ? '<span class=\"v4-flag-blue\" title=\"BLUE FLAG\"><\/span>' : '';\n\n                    const s1c = sectorClass(bestS1, bestS2, bestS3, 0);\n                    const s2c = sectorClass(bestS1, bestS2, bestS3, 1);\n                    const s3c = sectorClass(bestS1, bestS2, bestS3, 2);\n\n                    const lastClass = (last > 0 && best > 0 && last <= best) ? 'v4-time-improved' : '';\n                    const driverHtml = isAdmin ?\n                        `<a href=\"?page=admin&mod=members&q=${d.steam_id||''}&target_steam=${d.steam_id||''}&target_name=${encodeURIComponent(d.driver_name)}\" class=\"v4-admin-link\">${d.driver_name}<\/a>` :\n                        d.driver_name;\n\n                    html += `\n                <div class=\"v4-row\" data-pos=\"${pos}\" data-key=\"${key}\">\n                    <div class=\"v4-pos\">${pos}${changeHtml}<\/div>\n                    <div class=\"v4-car\">#${d.race_number || '--'}<\/div>\n                    <div class=\"v4-driver\">${driverHtml}${blueFlagHtml}<\/div>\n                    <div class=\"v4-laps\">${d.laps || 0}<\/div>\n                    <div class=\"v4-time ${lastClass}\">${fmt(last)}<\/div>\n                    <div class=\"v4-time v4-time-best\">${fmt(best)}<\/div>\n                    <div>${gapHtml}<\/div>\n                    <div>${statusHtml}<\/div>\n                    <div class=\"v4-sectors\">\n                        <div class=\"v4-sector-item\">\n                            <div class=\"v4-sector-time ${s1c}\">${fmtSec(bestS1)}<\/div>\n                            <div class=\"v4-sector-bar ${s1c}\"><\/div>\n                        <\/div>\n                        <div class=\"v4-sector-item\">\n                            <div class=\"v4-sector-time ${s2c}\">${fmtSec(bestS2)}<\/div>\n                            <div class=\"v4-sector-bar ${s2c}\"><\/div>\n                        <\/div>\n                        <div class=\"v4-sector-item\">\n                            <div class=\"v4-sector-time ${s3c}\">${fmtSec(bestS3)}<\/div>\n                            <div class=\"v4-sector-bar ${s3c}\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>`;\n                });\n\n                prevPositions = newPositions;\n\n                \/\/ Render table via DOM patching \u2014 perfectly flicker-free\n                if (!drivers.length) {\n                    body.innerHTML = '<div class=\"v4-loading\"><div class=\"v4-loading-text\">NO DRIVERS ON TRACK<\/div><\/div>';\n                } else {\n                    if (body.querySelector('.v4-loading')) body.innerHTML = '';\n\n                    const tmp = document.createElement('div');\n                    tmp.innerHTML = html;\n                    const newRows = Array.from(tmp.children);\n\n                    newRows.forEach((nr, idx) => {\n                        const key = nr.dataset.key;\n                        \/\/ Escape key for selector (handles special characters in driver names if steam_id is missing)\n                        const selector = `.v4-row[data-key=\"${key.replace(\/[\"\\\\]\/g, '\\\\$&')}\"]`;\n                        let row = body.querySelector(selector);\n\n                        if (!row) {\n                            nr.classList.add('v4-new');\n                            if (idx >= body.children.length) body.appendChild(nr);\n                            else body.insertBefore(nr, body.children[idx]);\n                            setTimeout(() => nr.classList.remove('v4-new'), 500);\n                        } else {\n                            \/\/ Patch cells\n                            const nCells = Array.from(nr.children);\n                            const oCells = Array.from(row.children);\n                            nCells.forEach((nc, ci) => {\n                                if (oCells[ci] && oCells[ci].innerHTML !== nc.innerHTML) {\n                                    oCells[ci].innerHTML = nc.innerHTML;\n                                }\n                            });\n                            \/\/ Sync position attribute\n                            if (row.dataset.pos !== nr.dataset.pos) row.dataset.pos = nr.dataset.pos;\n                            \/\/ Reorder if needed\n                            if (body.children[idx] !== row) {\n                                body.insertBefore(row, body.children[idx]);\n                            }\n                        }\n                    });\n\n                    \/\/ Cleanup removed drivers\n                    const currentKeys = drivers.map(d => String(d.steam_id || d.driver_name));\n                    Array.from(body.children).forEach(row => {\n                        if (row.dataset.key && !currentKeys.includes(row.dataset.key)) {\n                            body.removeChild(row);\n                        }\n                    });\n                }\n\n            } catch (e) {\n                console.error('V4 Update Error', e);\n            }\n        }\n\n        const timer = setInterval(update, 1000);\n        update();\n        document.addEventListener('pageBeforeLoad', () => {\n            clearInterval(timer);\n        }, {\n            once: true\n        });\n\n        \/\/ \u2500\u2500 Lokaler Countdown-Timer (l\u00e4uft unabh\u00e4ngig vom Fetch) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        \/\/ Verhindert dass die Uhr \"h\u00e4ngt\" wenn ein Fetch l\u00e4nger dauert\n        let localTimeSeconds = 0;   \/\/ verbleibende Sekunden (aus Server-Daten)\n        let lastSyncTime = 0;       \/\/ wann zuletzt vom Server synchronisiert\n        let isCountingDown = true;  \/\/ false = hochz\u00e4hlen (Elapsed-Modus)\n\n        \/\/ Wird vom update() aufgerufen wenn neue Daten ankommen\n        window._v4SyncClock = function(timeLeftStr, phase) {\n            if (!timeLeftStr || timeLeftStr === '00:00') return;\n            \/\/ Format: \"MM:SS\" oder \"H:MM:SS\"\n            const parts = timeLeftStr.split(':').map(Number);\n            if (parts.length === 2) {\n                localTimeSeconds = parts[0] * 60 + parts[1];\n            } else if (parts.length === 3) {\n                localTimeSeconds = parts[0] * 3600 + parts[1] * 60 + parts[2];\n            }\n            lastSyncTime = Date.now();\n        };\n\n        function padZ(n) { return n.toString().padStart(2, '0'); }\n        function secsToDisplay(s) {\n            s = Math.max(0, s);\n            const h = Math.floor(s \/ 3600);\n            const m = Math.floor((s % 3600) \/ 60);\n            const sec = s % 60;\n            if (h > 0) return `${h}:${padZ(m)}:${padZ(sec)}`;\n            return `${padZ(m)}:${padZ(sec)}`;\n        }\n\n        setInterval(function() {\n            if (localTimeSeconds <= 0) return;\n            \/\/ Wie viele Sekunden sind seit letztem Sync vergangen?\n            const elapsed = Math.floor((Date.now() - lastSyncTime) \/ 1000);\n            const display = Math.max(0, localTimeSeconds - elapsed);\n            clock.textContent = secsToDisplay(display);\n        }, 250); \/\/ 4x pro Sekunde f\u00fcr fl\u00fcssige Anzeige\n    })();\n<\/script>\n<\/script>","sidebarLeft":"<div class=\"dashboard-module widget-fuel-calc\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-gas-pump\"><\/i> SPRITRECHNER    <\/div>\n    \n    <div class=\"module-body\">\n        <div class=\"mini-form\">\n            <div class=\"select-field\">\n                <select id=\"w-track\" onchange=\"calcFuelWidget()\" class=\"mini-select\">\n                    <option value=\"custom\" disabled selected>Strecke<\/option>\n                                            <option value=\"barcelona\" data-cons=\"3\">Barcelona<\/option>\n                                            <option value=\"brands_hatch\" data-cons=\"2.5\">Brands Hatch<\/option>\n                                            <option value=\"hungaroring\" data-cons=\"2.8\">Hungaroring<\/option>\n                                            <option value=\"misano\" data-cons=\"2.7\">Misano<\/option>\n                                            <option value=\"monza\" data-cons=\"3.1\">Monza<\/option>\n                                            <option value=\"nurburgring\" data-cons=\"2.85\">N\u00fcrburgring GP<\/option>\n                                            <option value=\"nurburgring_24h\" data-cons=\"12.8\">N\u00fcrburgring 24h<\/option>\n                                            <option value=\"paul_ricard\" data-cons=\"3.4\">Paul Ricard<\/option>\n                                            <option value=\"silverstone\" data-cons=\"3.2\">Silverstone<\/option>\n                                            <option value=\"spa\" data-cons=\"3.4\">Spa-Francorchamps<\/option>\n                                            <option value=\"zolder\" data-cons=\"2.5\">Zolder<\/option>\n                                            <option value=\"zandvoort\" data-cons=\"2.7\">Zandvoort<\/option>\n                                            <option value=\"bathurst\" data-cons=\"3.3\">Mount Panorama<\/option>\n                                            <option value=\"laguna_seca\" data-cons=\"2.5\">Laguna Seca<\/option>\n                                            <option value=\"kyalami\" data-cons=\"2.9\">Kyalami<\/option>\n                                            <option value=\"suzuka\" data-cons=\"3.2\">Suzuka<\/option>\n                                            <option value=\"imola\" data-cons=\"2.9\">Imola<\/option>\n                                            <option value=\"donington\" data-cons=\"2.5\">Donington Park<\/option>\n                                            <option value=\"oulton_park\" data-cons=\"2.6\">Oulton Park<\/option>\n                                            <option value=\"snetterton\" data-cons=\"3\">Snetterton<\/option>\n                                            <option value=\"watkins_glen\" data-cons=\"3\">Watkins Glen<\/option>\n                                            <option value=\"indianapolis\" data-cons=\"2.8\">Indianapolis<\/option>\n                                            <option value=\"cota\" data-cons=\"3.5\">COTA<\/option>\n                                            <option value=\"valencia\" data-cons=\"2.7\">Valencia<\/option>\n                                            <option value=\"red_bull_ring\" data-cons=\"2.6\">Red Bull Ring<\/option>\n                                    <\/select>\n            <\/div>\n\n            <div class=\"select-field\" style=\"margin-top:10px\">\n                <select id=\"w-car\" onchange=\"calcFuelWidget()\" class=\"mini-select\">\n                    <option value=\"custom\" disabled selected>Fahrzeug<\/option>\n                                            <option value=\"bmw_m4\" data-mult=\"1\">BMW M4 GT3<\/option>\n                                            <option value=\"porsche_992\" data-mult=\"1.05\">Porsche 992 GT3 R<\/option>\n                                            <option value=\"ferrari_296\" data-mult=\"0.98\">Ferrari 296 GT3<\/option>\n                                            <option value=\"amg_evo\" data-mult=\"1.02\">Mercedes AMG GT3 Evo<\/option>\n                                            <option value=\"audi_evo2\" data-mult=\"1\">Audi R8 LMS Evo II<\/option>\n                                            <option value=\"lambo_evo2\" data-mult=\"1\">Lambo Huracan Evo 2<\/option>\n                                            <option value=\"mclaren_720\" data-mult=\"0.97\">McLaren 720S GT3<\/option>\n                                            <option value=\"aston_v12\" data-mult=\"1.01\">Aston Martin V8 Vantage<\/option>\n                                            <option value=\"gt4_avg\" data-mult=\"0.65\">GT4 (All)<\/option>\n                                    <\/select>\n            <\/div>\n            \n            <div class=\"mini-row\" style=\"margin-top:15px\">\n                <input type=\"number\" id=\"w-laps\" placeholder=\"Runden\" class=\"mini-input\" min=\"1\" oninput=\"calcFuelWidget()\">\n                <button class=\"btn-calc-mini\" onclick=\"calcFuelWidget()\">CALC<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"w-res\" class=\"mini-result\" style=\"display:none\">\n            <div class=\"res-wrap\">\n                <div class=\"val\"><span id=\"w-res-val\">0<\/span><span class=\"unit\">L<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-fuel-calc .module-body { padding: 20px; }\n\n.mini-select, .mini-input { \n    background: rgba(0,0,0,0.2) !important; border: 1px solid var(--border) !important;\n    color: #fff !important; font-family: var(--font-main); font-size: 10px;\n    border-radius: 4px; padding: 5px 8px; outline: none; width: 100%; transition: all 0.2s;\n}\n.mini-select:focus, .mini-input:focus { border-color: var(--primary) !important; }\n\n.mini-row { display: flex; gap: 6px; }\n.mini-input { flex: 1; }\n.btn-calc-mini { \n    background: var(--primary); color: #000; border: none; border-radius: 4px; \n    font-weight: 900; cursor: pointer; font-family: var(--font-title);\n    font-size: 9px; padding: 0 10px; transition: all 0.2s;\n}\n.btn-calc-mini:hover { transform: translateY(-1px); box-shadow: 0 4px 12px var(--primary-low); }\n\n.mini-result { margin-top: 12px; animation: fadeIn 0.3s ease; }\n.res-wrap {\n    background: linear-gradient(135deg, var(--primary-low) 0%, transparent 100%);\n    border: 1px solid var(--primary-low); border-radius: 8px; padding: 8px; text-align: center;\n}\n.mini-result .val { font-family: var(--font-tech); font-size: 20px; font-weight: 800; color: #fff; }\n.mini-result .unit { font-size: 10px; margin-left: 3px; color: var(--text-muted); opacity: 0.5; }\n<\/style>\n\n<script>\nfunction calcFuelWidget() {\n    const tSel = document.getElementById('w-track');\n    const cSel = document.getElementById('w-car');\n    const tOpt = tSel.options[tSel.selectedIndex];\n    const cOpt = cSel.options[cSel.selectedIndex];\n    const laps = parseInt(document.getElementById('w-laps').value);\n    const res = document.getElementById('w-res');\n    \n    if (tSel.value === 'custom' || cSel.value === 'custom' || isNaN(laps) || laps <= 0) {\n        res.style.display = 'none'; return;\n    }\n    \n    const baseCons = parseFloat(tOpt.dataset.cons);\n    const mult = parseFloat(cOpt.dataset.mult);\n    const totalFuel = Math.ceil(laps * baseCons * mult);\n    \n    document.getElementById('w-res-val').innerText = totalFuel;\n    res.style.display = 'block';\n}\n<\/script>\n<div class=\"dashboard-module widget-pressure-calc\">\n    <h3 class=\"module-title\"><i class=\"fas fa-dot-circle\"><\/i> Reifendruck<\/h3>\n    <div class=\"widget-body\">\n        <div class=\"mini-form\">\n            <div class=\"mini-row\">\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">AIR \u00b0C<\/label>\n                    <input type=\"number\" id=\"p-air\" placeholder=\"20\" value=\"20\" class=\"mini-input\" oninput=\"calcPressure()\">\n                <\/div>\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">TRACK \u00b0C<\/label>\n                    <input type=\"number\" id=\"p-track\" placeholder=\"28\" value=\"28\" class=\"mini-input\" oninput=\"calcPressure()\">\n                <\/div>\n            <\/div>\n\n            <div class=\"mini-row\" style=\"margin-top:8px\">\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">RUNDEN<\/label>\n                    <input type=\"number\" id=\"p-laps\" placeholder=\"5\" value=\"5\" class=\"mini-input\" min=\"1\" oninput=\"calcPressure()\">\n                <\/div>\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">WET \/ DRY<\/label>\n                    <select id=\"p-wet\" class=\"mini-select\" onchange=\"calcPressure()\">\n                        <option value=\"0\" selected>DRY<\/option>\n                        <option value=\"1\">WET<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            \n            <button class=\"btn-calc-mini\" style=\"margin-top:10px; width:100%\" onclick=\"calcPressure()\">CALC PRESSURE<\/button>\n        <\/div>\n\n        <div id=\"p-res\" class=\"mini-result\" style=\"margin-top:15px\">\n            <div class=\"res-wrap\" id=\"p-res-wrap\">\n                <div class=\"val\"><span id=\"p-res-val\">24.3<\/span><span class=\"unit\">PSI<\/span><\/div>\n                <div id=\"p-res-note\" class=\"sub\">Target: 26.7 Hot<\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"info-note\" style=\"margin-top:10px; font-size:9px; color: var(--text-dimmer); text-align:center; opacity: 0.7\">\n            Sch\u00e4tzung f\u00fcr GT3 Slicks.\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-pressure-calc .widget-body { padding: 0; }\n\n.mini-label { display: block; font-size: 9px; font-weight: 800; color: var(--text-dim); margin-bottom: 4px; letter-spacing: 1px; }\n\n.mini-input, .mini-select { \n    background: rgba(0,0,0,0.3) !important;\n    border: 1px solid var(--border) !important;\n    color: #fff !important;\n    font-size: 13px;\n    border-radius: 6px;\n    padding: 10px 12px;\n    outline: none;\n    width: 100%;\n    transition: all 0.2s;\n}\n.mini-input:focus, .mini-select:focus { border-color: var(--primary) !important; background: rgba(0,0,0,0.5) !important; }\n\n.btn-calc-mini { \n    background: transparent;\n    color: var(--primary);\n    border: 1px solid var(--primary);\n    border-radius: 6px; \n    font-weight: 700;\n    cursor: pointer;\n    font-family: 'Orbitron', sans-serif;\n    font-size: 10px;\n    padding: 10px;\n    letter-spacing: 1px;\n    transition: all 0.2s;\n}\n.btn-calc-mini:hover { background: var(--primary-dim); box-shadow: 0 0 15px var(--primary-dim); }\n\n.mini-result .val {\n    font-family: 'Orbitron', sans-serif;\n    font-size: 32px;\n    font-weight: 900;\n    color: #fff;\n    text-shadow: 0 0 15px var(--primary-dim);\n}\n.mini-result .unit { font-size: 14px; margin-left: 4px; color: var(--text-dim); }\n.mini-result .sub { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; font-weight: 800; color: var(--primary); }\n<\/style>\n\n<script>\nfunction calcPressure() {\n    const air = parseFloat(document.getElementById('p-air').value) || 20;\n    const track = parseFloat(document.getElementById('p-track').value) || 28;\n    const laps = parseInt(document.getElementById('p-laps').value) || 5;\n    const isWet = document.getElementById('p-wet').value === \"1\";\n    \n    \/\/ Baselines\n    \/\/ DRY: 20\u00b0C Air \/ 28\u00b0C Track -> 24.6 PSI (Target 27.0)\n    \/\/ WET: 20\u00b0C Air \/ 25\u00b0C Track -> 27.5 PSI (Target 30.0)\n    \n    let base = isWet ? 27.5 : 24.6;\n    let target = isWet ? 30.0 : 27.0;\n    \n    const airDiff = air - 20;\n    const trackDiff = track - (isWet ? 25 : 28);\n    \n    let res = base - (airDiff * 0.1) - (trackDiff * 0.05);\n    \n    \/\/ Lap Offset\n    let offset = 0;\n    let note = \"Target: \" + target.toFixed(1) + \" Hot\";\n    \n    if (laps === 1) { \n        offset = 0.4; \n        note = \"Qualy (1 Lap)\";\n    } else if (laps === 2) { \n        offset = 0.2; \n        note = \"Short Stint\";\n    }\n    \n    res += offset;\n    \n    \/\/ Clamp result\n    res = Math.max(21.0, Math.min(32.0, res));\n    \n    document.getElementById('p-res-val').innerText = res.toFixed(1);\n    document.getElementById('p-res-note').innerText = note;\n    \n    \/\/ Style update for Wet\/Dry\n    const wrap = document.getElementById('p-res-wrap');\n    if (isWet) {\n        wrap.style.borderColor = \"rgba(43, 140, 255, 0.4)\";\n        wrap.style.background = \"rgba(43, 140, 255, 0.05)\";\n    } else {\n        wrap.style.borderColor = \"rgba(0, 255, 255, 0.3)\";\n        wrap.style.background = \"rgba(0, 255, 255, 0.05)\";\n    }\n}\n<\/script>\n<div class=\"dashboard-module widget-race-pressure\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-tachometer-alt\"><\/i> REIFENDRUCK LANGSTRECKE    <\/div>\n\n    <div class=\"module-body\">\n        <div class=\"wrp-form\">\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>KLASSE<\/label>\n                    <select id=\"wrp-car\" onchange=\"wrpCalc()\" class=\"wrp-select\">\n                        <option value=\"gt3\">GT3<\/option>\n                        <option value=\"gt4\">GT4<\/option>\n                        <option value=\"cup\">Cup<\/option>\n                        <option value=\"gt2\">GT2<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>FAKTOR<\/label>\n                    <select id=\"wrp-multi\" onchange=\"wrpCalc()\" class=\"wrp-select\">\n                                                <option value=\"1\" >1\u00d7<\/option>\n                                                <option value=\"2\" >2\u00d7<\/option>\n                                                <option value=\"3\" >3\u00d7<\/option>\n                                                <option value=\"4\" >4\u00d7<\/option>\n                                                <option value=\"5\" >5\u00d7<\/option>\n                                                <option value=\"6\" >6\u00d7<\/option>\n                                                <option value=\"7\" >7\u00d7<\/option>\n                                                <option value=\"8\" >8\u00d7<\/option>\n                                                <option value=\"9\" >9\u00d7<\/option>\n                                                <option value=\"10\" selected>10\u00d7<\/option>\n                                                <option value=\"11\" >11\u00d7<\/option>\n                                                <option value=\"12\" >12\u00d7<\/option>\n                                                <option value=\"13\" >13\u00d7<\/option>\n                                                <option value=\"14\" >14\u00d7<\/option>\n                                                <option value=\"15\" >15\u00d7<\/option>\n                                                <option value=\"16\" >16\u00d7<\/option>\n                                                <option value=\"17\" >17\u00d7<\/option>\n                                                <option value=\"18\" >18\u00d7<\/option>\n                                                <option value=\"19\" >19\u00d7<\/option>\n                                                <option value=\"20\" >20\u00d7<\/option>\n                                                <option value=\"21\" >21\u00d7<\/option>\n                                                <option value=\"22\" >22\u00d7<\/option>\n                                                <option value=\"23\" >23\u00d7<\/option>\n                                                <option value=\"24\" >24\u00d7<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            \n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>LUFT START \u00b0C<\/label>\n                    <input type=\"number\" id=\"wrp-air-s\" value=\"20\" min=\"-10\" max=\"45\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>LUFT ENDE \u00b0C<\/label>\n                    <input type=\"number\" id=\"wrp-air-e\" value=\"28\" min=\"-10\" max=\"45\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>STRECKE START<\/label>\n                    <input type=\"number\" id=\"wrp-trk-s\" value=\"18\" min=\"-5\" max=\"70\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>STRECKE PEAK<\/label>\n                    <input type=\"number\" id=\"wrp-trk-p\" value=\"42\" min=\"-5\" max=\"70\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>STINT (MIN)<\/label>\n                    <input type=\"number\" id=\"wrp-stint\" value=\"20\" min=\"5\" max=\"120\" step=\"5\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>KALTPR. PSI<\/label>\n                    <input type=\"number\" id=\"wrp-cold\" value=\"25.5\" min=\"20\" max=\"35\" step=\"0.1\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wrp-result-box\" id=\"wrp-result\">\n            <!-- AJAX CONTENT -->\n        <\/div>\n\n        <div class=\"wrp-footer\">\n            <a href=\"?page=race_pressure\" class=\"wrp-more-link\">VOLLST\u00c4NDIGE ANALYSE <i class=\"fas fa-external-link-alt\"><\/i><\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-race-pressure .module-body { padding: 15px !important; }\n\n.wrp-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }\n.wrp-row { display: flex; gap: 8px; }\n.wrp-f { flex: 1; display: flex; flex-direction: column; gap: 4px; }\n.wrp-f label { font-size: 8px; font-weight: 800; color: var(--text-muted); letter-spacing: 1px; }\n\n.wrp-select, .wrp-input {\n    background: rgba(0,0,0,0.2) !important; border: 1px solid var(--border) !important;\n    border-radius: 6px; padding: 6px 10px; color: #fff !important; font-size: 11px; outline: none;\n    transition: border-color 0.2s;\n}\n.wrp-select:focus, .wrp-input:focus { border-color: var(--primary) !important; }\n\n.wrp-result-box {\n    background: rgba(255,255,255,0.03); border-radius: 8px; border: 1px solid var(--border);\n    padding: 12px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 6px;\n}\n.wrp-res-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.03); }\n.wrp-res-row:last-child { border-bottom: none; padding-bottom: 0; }\n.wrp-res-lbl { font-size: 10px; color: var(--text-muted); font-weight: 600; }\n.wrp-res-val { font-family: var(--font-tech); font-size: 11px; font-weight: 700; color: #fff; }\n.wrp-res-val.opt { color: #22c55e; }\n.wrp-res-val.warn { color: var(--primary); }\n.wrp-res-val.alert { color: #ef4444; }\n\n.wrp-footer { text-align: center; padding-top: 10px; border-top: 1px solid var(--border); }\n.wrp-more-link {\n    font-family: var(--font-title); font-size: 9px; font-weight: 800; color: var(--primary);\n    text-decoration: none; transition: all 0.2s;\n}\n.wrp-more-link:hover { color: #fff; transform: translateX(3px); }\n<\/style>\n\n<script>\n(function(){\nconst WRP_CARS = {\n  gt3:{hotTarget:27.5,hotRange:0.8,baseCold:25.5,airC:0.07,trkC:0.045},\n  gt4:{hotTarget:26.5,hotRange:0.8,baseCold:24.5,airC:0.065,trkC:0.04},\n  cup:{hotTarget:28.5,hotRange:0.8,baseCold:26.5,airC:0.07,trkC:0.045},\n  gt2:{hotTarget:27.0,hotRange:0.8,baseCold:25.0,airC:0.07,trkC:0.045},\n};\nwindow.wrpCalc = function() {\n  const car    = WRP_CARS[document.getElementById('wrp-car').value];\n  const multi  = parseFloat(document.getElementById('wrp-multi').value)||10;\n  const airS   = parseFloat(document.getElementById('wrp-air-s').value)||20;\n  const airE   = parseFloat(document.getElementById('wrp-air-e').value)||28;\n  const trkS   = parseFloat(document.getElementById('wrp-trk-s').value)||18;\n  const trkP   = parseFloat(document.getElementById('wrp-trk-p').value)||42;\n  const stint  = parseFloat(document.getElementById('wrp-stint').value)||20;\n  \n  function tempAt(pct) {\n    const air = airS + (airE - airS) * pct;\n    const trk = pct <= 0.6 ? trkS + (trkP - trkS) * (pct \/ 0.6) : trkP + (trkP * 0.8 - trkP) * ((pct - 0.6) \/ 0.4);\n    return { air, trk };\n  }\n  function coldRec(air, trk) { return car.baseCold - (air - 20) * car.airC - (trk - 25) * car.trkC; }\n  function statusCls(cold, air, trk) {\n    const hot = cold + (air - 20) * car.airC + (trk - 25) * car.trkC;\n    const d = Math.abs(hot - car.hotTarget);\n    if (d <= car.hotRange\/2) return 'opt';\n    if (d <= car.hotRange) return 'warn';\n    return 'alert';\n  }\n\n  const t0 = tempAt(0), t1 = tempAt(0.33), t2 = tempAt(0.66);\n  const c0 = coldRec(t0.air, t0.trk), c1 = coldRec(t1.air, t1.trk), c2 = coldRec(t2.air, t2.trk);\n  const d1 = c1 - c0, d2 = c2 - c1;\n  const s0 = statusCls(c0, t0.air, t0.trk), s1 = statusCls(c1, t1.air, t1.trk);\n\n  const fmt = v => (v>=0?'+':'')+v.toFixed(2);\n\n  document.getElementById('wrp-result').innerHTML = `\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">START PSI<\/span><span class=\"wrp-res-val ${s0}\">${c0.toFixed(2)}<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">NACH STOPP 1<\/span><span class=\"wrp-res-val ${s1}\">${c1.toFixed(2)} (${fmt(d1)})<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">NACH STOPP 2<\/span><span class=\"wrp-res-val\">${c2.toFixed(2)} (${fmt(d2)})<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">GESAMTLZEIT<\/span><span class=\"wrp-res-val\">${(stint*multi\/60).toFixed(1)}h<\/span><\/div>\n  `;\n};\nwindow.addEventListener('DOMContentLoaded', wrpCalc);\n})();\n<\/script>\n<div class=\"dashboard-module widget-polls\"><div class=\"module-title\"><span><i class=\"fas fa-poll\"><\/i> UMFRAGEN<\/span><\/div><div class=\"module-body\" style=\"padding:16px; text-align:center; color:var(--text-dim, #666); font-size:11px;\">Keine aktiven Umfragen<\/div><\/div>","sidebarRight":"\n<div class=\"dashboard-module widget-activity-stats\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-chart-line\"><\/i> TAGESSTATISTIK    <\/div>\n\n    <div class=\"module-body\">\n        <!-- Navigation -->\n        <div class=\"as-nav\">\n            <div class=\"as-nav-controls\">\n                <a href=\"?page=leaderboard&stats_day=2026-06-10\" class=\"as-nav-arrow\" title=\"Vorheriger Tag\">\n                    <i class=\"fas fa-chevron-left\"><\/i>\n                <\/a>\n                <div class=\"as-nav-date\">Donnerstag, 11.06.2026<\/div>\n                <a href=\"#\"\n                    class=\"as-nav-arrow disabled\" title=\"N\u00e4chster Tag\">\n                    <i class=\"fas fa-chevron-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"as-stats-grid\">                <div class=\"as-stat-card\">\n                    <i class=\"fas fa-globe as-icon\"><\/i>\n                    <div class=\"as-val\">223<\/div>\n                    <div class=\"as-lbl\">BESUCHER<br>HEUTE<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fab fa-discord as-icon\"><\/i>\n                    <div class=\"as-val\">0<\/div>\n                    <div class=\"as-lbl\">REGS.<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fas fa-user-plus as-icon\"><\/i>\n                    <div class=\"as-val\">0<\/div>\n                    <div class=\"as-lbl\">NEUE<br>SPIELER<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fas fa-users as-icon\"><\/i>\n                    <div class=\"as-val\">8<\/div>\n                    <div class=\"as-lbl\">SPIELER<br>GESAMT<\/div>\n                <\/div>\n            <\/div>                <div class=\"as-section-title\"><i class=\"fas fa-server\"><\/i> SPIELSERVER-AKTIVIT\u00c4T<\/div>\n                <div class=\"as-server-list\">\n                                                                        <div class=\"as-server-row\">\n                                <span class=\"as-server-name\">Nurburgring<\/span>\n                                <div class=\"as-pills\">\n                                    <span class=\"as-pill\">8<\/span>\n                                                                            <span class=\"as-pill live\">8<\/span>\n                                                                    <\/div>\n                            <\/div>\n                                                            <\/div>\n                            <div class=\"as-section-title\" style=\"margin-top:20px;\"><i class=\"fas fa-chart-bar\"><\/i> 7-TAGE TREND<\/div>\n                <div class=\"as-chart\">\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-05\" class=\"as-chart-item \" data-gr-title=\"Besucher: 185\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:24px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Fr<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-06\" class=\"as-chart-item \" data-gr-title=\"Besucher: 358\nRegistrierungen: 2\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:47px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Sa<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-07\" class=\"as-chart-item \" data-gr-title=\"Besucher: 296\nRegistrierungen: 0\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:39px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">So<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-08\" class=\"as-chart-item \" data-gr-title=\"Besucher: 341\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:45px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Mo<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-09\" class=\"as-chart-item \" data-gr-title=\"Besucher: 381\nRegistrierungen: 2\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:50px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Di<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-10\" class=\"as-chart-item \" data-gr-title=\"Besucher: 308\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:40px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Mi<\/div>\n                        <\/a>\n                                            <a href=\"?page=leaderboard&stats_day=2026-06-11\" class=\"as-chart-item active\" data-gr-title=\"Besucher: 223\nRegistrierungen: 0\nNeue Spieler: 0\nFahrer: 9\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:29px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Do<\/div>\n                        <\/a>\n                                    <\/div>\n\n                <!-- Live-Besucher Statistik -->\n                                        <div class=\"as-section-title\" style=\"margin-top:30px;\"><i class=\"fas fa-broadcast-tower\"><\/i> LIVE JETZT<\/div>\n                        <div class=\"as-country-grid\">\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"FORUM\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">FORUM<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">22<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"NEWS\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">NEWS<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">7<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"CHAMPIONSHIP\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">CHAMPIONSHIP<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">3<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"RANKING\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">RANKING<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">3<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"INDEX\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">INDEX<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">2<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"DOWNLOADS\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">DOWNLOADS<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">1<\/span>\n                                <\/div>\n                                                    <\/div>\n                                                <\/div>\n<\/div>\n\n\n<style>\n    .as-page-link {\n        color: inherit;\n        text-decoration: none;\n        transition: color 0.2s;\n    }\n    .as-page-link:hover {\n        color: var(--primary);\n    }\n\n    .widget-activity-stats .module-body {\n        padding: 20px;\n    }\n\n    .as-nav {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 25px;\n        background: rgba(0, 0, 0, 0.2);\n        padding: 10px 15px;\n        border-radius: 10px;\n        border: 1px solid var(--border);\n    }\n\n    .as-nav-controls {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .as-nav-arrow {\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid var(--border);\n        border-radius: 6px;\n        color: var(--text-muted);\n        text-decoration: none;\n        transition: all 0.3s;\n    }\n\n    .as-nav-arrow:hover {\n        border-color: var(--primary);\n        color: var(--primary);\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    .as-nav-arrow.disabled {\n        opacity: 0.1;\n        pointer-events: none;\n    }\n\n    .as-nav-date {\n        font-family: var(--font-tech);\n        font-size: 13px;\n        font-weight: 800;\n        color: #fff;\n        min-width: 150px;\n        text-align: center;\n    }\n\n    .as-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1px;\n        background: var(--border);\n        border: 1px solid var(--border);\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 25px;\n    }\n\n    .as-stat-card {\n        background: rgba(0, 0, 0, 0.15);\n        padding: 15px 5px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        text-align: center;\n    }\n\n    .as-stat-card .as-icon {\n        font-size: 14px;\n        opacity: 0.3;\n        margin-bottom: 2px;\n    }\n\n    .as-stat-card .as-val {\n        font-family: var(--font-tech);\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1;\n    }\n\n    .as-stat-card .as-lbl {\n        font-size: 9px;\n        font-weight: 800;\n        color: var(--text-muted);\n        letter-spacing: 1px;\n        line-height: 1.2;\n        text-transform: uppercase;\n    }\n\n    .as-section-title {\n        font-family: var(--font-title);\n        font-size: 10px;\n        font-weight: 800;\n        color: var(--text-muted);\n        letter-spacing: 1.5px;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .as-server-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 8px 12px;\n        background: rgba(255, 255, 255, 0.02);\n        border-radius: 6px;\n        margin-bottom: 4px;\n        border: 1px solid transparent;\n    }\n\n    .as-server-name {\n        font-size: 12px;\n        font-weight: 600;\n        color: var(--text-light);\n    }\n\n    .as-pills {\n        display: flex;\n        gap: 5px;\n    }\n\n    .as-pill {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        font-weight: 700;\n        padding: 2px 6px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 4px;\n        color: var(--text-muted);\n    }\n\n    .as-pill.live {\n        background: var(--primary-low);\n        color: var(--primary);\n    }\n\n    .as-chart {\n        display: flex;\n        align-items: flex-end;\n        gap: 5px;\n        height: 60px;\n        margin-top: 15px;\n    }\n\n    .as-chart-item {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 5px;\n        text-decoration: none;\n    }\n\n    .as-bars {\n        width: 100%;\n        display: flex;\n        align-items: flex-end;\n        gap: 2px;\n    }\n\n    .as-bar {\n        flex: 1;\n        border-radius: 2px 2px 0 0;\n        opacity: 0.3;\n    }\n\n    .as-bar.v {\n        background: var(--primary);\n    }\n\n    .as-bar.s {\n        background: #3498db;\n    }\n\n    .as-chart-item.active .as-bar {\n        opacity: 1;\n    }\n\n    .as-chart-lbl {\n        font-size: 8px;\n        font-weight: 800;\n        color: var(--text-muted);\n    }\n\n    .as-chart-item.active .as-chart-lbl {\n        color: var(--primary);\n    }\n\n    .as-empty {\n        padding: 20px;\n        text-align: center;\n        font-size: 11px;\n        color: var(--text-muted);\n        font-style: italic;\n    }\n\n    \/* L\u00e4nder-Statistik *\/\n    .as-country-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 8px;\n    }\n\n    .as-country-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        background: rgba(255, 255, 255, 0.03);\n        padding: 6px 12px;\n        border-radius: 6px;\n        border: 1px solid rgba(255, 255, 255, 0.02);\n    }\n\n    .as-flag {\n        width: 16px;\n        height: auto;\n        border-radius: 2px;\n        filter: saturate(0.7);\n    }\n\n    .as-country-info {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        overflow: hidden;\n    }\n\n    .as-country-name {\n        font-size: 11px;\n        font-weight: 700;\n        color: #888;\n    }\n\n    .as-page-info {\n        font-family: var(--font-tech);\n        font-size: 8px;\n        color: var(--primary);\n        text-transform: uppercase;\n        opacity: 0.6;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        margin-top: -2px;\n    }\n\n    .as-country-count {\n        font-family: var(--font-tech);\n        font-size: 11px;\n        color: var(--primary);\n        font-weight: 800;\n    }\n\n    \/* Live Mini Display *\/\n    .as-live-mini {\n        background: rgba(255, 255, 255, 0.02);\n        padding: 12px;\n        border-radius: 10px;\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        margin-top: 5px;\n    }\n\n    .as-live-list {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        justify-content: center;\n        margin-top: 5px;\n    }\n\n    .as-live-item {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        background: rgba(0, 0, 0, 0.2);\n        padding: 3px 6px;\n        border-radius: 4px;\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .as-flag-mini {\n        width: 14px;\n        height: auto;\n        border-radius: 1px;\n    }\n\n    .as-live-count {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        font-weight: 800;\n        color: #fff;\n    }\n\n    .as-empty-mini {\n        font-size: 9px;\n        color: #444;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n<\/style><div class=\"dashboard-module rs-shoutbox\" style=\"background:rgba(20,20,25,0.4); border-radius:10px; border:1px solid rgba(255,255,255,0.05); overflow:hidden; width: 100%; box-sizing: border-box;\">\n    <div style=\"padding:15px; border-bottom:1px solid rgba(255,255,255,0.05); font-weight:900; font-family:'Orbitron'; color:var(--primary); font-size:12px; letter-spacing:2px; display:flex; justify-content:space-between; align-items:center;\">\n        <span><i class=\"fas fa-comments\"><\/i> SHOUTBOX<\/span>\n    <\/div>\n\n    <div id=\"rs-sb-messages\" style=\"height:400px; overflow-y:auto; padding:15px; display:flex; flex-direction:column-reverse; gap:10px;\">\n        <div style=\"text-align:center; padding:50px; color:#555;\">L\u00e4dt...<\/div>\n    <\/div>\n\n    <div style=\"padding:15px; background:rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.05); position:relative;\">\n        \n        <!-- SIMPLE SMILEY PICKER -->\n        <div id=\"rs-sb-picker\" style=\"display:none; position:absolute; bottom:70px; left:15px; right:15px; background:#1a1a25; border:1px solid var(--primary); border-radius:10px; padding:10px; z-index:100; flex-wrap:wrap; gap:5px; box-shadow:0 10px 30px #000;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/1.gif\" \n                     onclick='RS_SB.insert(&quot;:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/2.gif\" \n                     onclick='RS_SB.insert(&quot;:(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/3.gif\" \n                     onclick='RS_SB.insert(&quot;;)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/4.gif\" \n                     onclick='RS_SB.insert(&quot;:D&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":D\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/5.gif\" \n                     onclick='RS_SB.insert(&quot;;;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/6.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:D&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:D&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/7.gif\" \n                     onclick='RS_SB.insert(&quot;:-\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/8.gif\" \n                     onclick='RS_SB.insert(&quot;:x&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":x\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/9.gif\" \n                     onclick='RS_SB.insert(&quot;:\\&quot;&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":&quot;&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/10.gif\" \n                     onclick='RS_SB.insert(&quot;:P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/11.gif\" \n                     onclick='RS_SB.insert(&quot;:-*&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-*\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/12.gif\" \n                     onclick='RS_SB.insert(&quot;=((&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=((\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/13.gif\" \n                     onclick='RS_SB.insert(&quot;:-O&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-O\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/14.gif\" \n                     onclick='RS_SB.insert(&quot;X(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"X(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/15.gif\" \n                     onclick='RS_SB.insert(&quot;:&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/16.gif\" \n                     onclick='RS_SB.insert(&quot;B-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"B-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/17.gif\" \n                     onclick='RS_SB.insert(&quot;:-S&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-S\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/18.gif\" \n                     onclick='RS_SB.insert(&quot;#:-S&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"#:-S\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/19.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:) &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:) \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/20.gif\" \n                     onclick='RS_SB.insert(&quot;:(( &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(( \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/21.gif\" \n                     onclick='RS_SB.insert(&quot;:))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/22.gif\" \n                     onclick='RS_SB.insert(&quot;:|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/23.gif\" \n                     onclick='RS_SB.insert(&quot;\\\/:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\/:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/24.gif\" \n                     onclick='RS_SB.insert(&quot;=))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/25.gif\" \n                     onclick='RS_SB.insert(&quot;O:-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"O:-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/26.gif\" \n                     onclick='RS_SB.insert(&quot;:-B&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-B\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/27.gif\" \n                     onclick='RS_SB.insert(&quot;=;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/28.gif\" \n                     onclick='RS_SB.insert(&quot;I-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"I-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/29.gif\" \n                     onclick='RS_SB.insert(&quot;8-|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/30.gif\" \n                     onclick='RS_SB.insert(&quot;L-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"L-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/31.gif\" \n                     onclick='RS_SB.insert(&quot;:-&amp;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&amp;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/32.gif\" \n                     onclick='RS_SB.insert(&quot;:-$&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-$\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/33.gif\" \n                     onclick='RS_SB.insert(&quot;[-( &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-( \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/34.gif\" \n                     onclick='RS_SB.insert(&quot;:O)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":O)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/35.gif\" \n                     onclick='RS_SB.insert(&quot;8-}&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-}\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/36.gif\" \n                     onclick='RS_SB.insert(&quot;&lt;:-P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&lt;:-P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/37.gif\" \n                     onclick='RS_SB.insert(&quot;(:|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(:|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/38.gif\" \n                     onclick='RS_SB.insert(&quot;=P~&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=P~\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/39.gif\" \n                     onclick='RS_SB.insert(&quot;:-?&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-?\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/40.gif\" \n                     onclick='RS_SB.insert(&quot;#-o&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"#-o\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/41.gif\" \n                     onclick='RS_SB.insert(&quot;=D&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=D&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/42.gif\" \n                     onclick='RS_SB.insert(&quot;:-SS&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-SS\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/43.gif\" \n                     onclick='RS_SB.insert(&quot;@-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"@-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/44.gif\" \n                     onclick='RS_SB.insert(&quot;:^o&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":^o\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/45.gif\" \n                     onclick='RS_SB.insert(&quot;:-w&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-w\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/46.gif\" \n                     onclick='RS_SB.insert(&quot;:-&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/47.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/48.gif\" \n                     onclick='RS_SB.insert(&quot;&lt;):)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&lt;):)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/49.gif\" \n                     onclick='RS_SB.insert(&quot;:@)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":@)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/50.gif\" \n                     onclick='RS_SB.insert(&quot;3:-O&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"3:-O\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/51.gif\" \n                     onclick='RS_SB.insert(&quot;:(|)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(|)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/52.gif\" \n                     onclick='RS_SB.insert(&quot;~O)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"~O)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/53.gif\" \n                     onclick='RS_SB.insert(&quot;*-:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"*-:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/54.gif\" \n                     onclick='RS_SB.insert(&quot;8-X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/55.gif\" \n                     onclick='RS_SB.insert(&quot;=:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/56.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/57.gif\" \n                     onclick='RS_SB.insert(&quot;:-L&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-L\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/58.gif\" \n                     onclick='RS_SB.insert(&quot;[-o&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-o&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/59.gif\" \n                     onclick='RS_SB.insert(&quot;$-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"$-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/60.gif\" \n                     onclick='RS_SB.insert(&quot;:-\\&quot;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&quot;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/61.gif\" \n                     onclick='RS_SB.insert(&quot;b-(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"b-(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/62.gif\" \n                     onclick='RS_SB.insert(&quot;:)&gt;-&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)&gt;-\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/63.gif\" \n                     onclick='RS_SB.insert(&quot;[-X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/64.gif\" \n                     onclick='RS_SB.insert(&quot;\\\\:D\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\\:D\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/65.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/66.gif\" \n                     onclick='RS_SB.insert(&quot;;))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/67.gif\" \n                     onclick='RS_SB.insert(&quot;o-&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o-&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/68.gif\" \n                     onclick='RS_SB.insert(&quot;o=&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o=&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/69.gif\" \n                     onclick='RS_SB.insert(&quot;o-+&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o-+\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/70.gif\" \n                     onclick='RS_SB.insert(&quot;(%)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(%)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/71.gif\" \n                     onclick='RS_SB.insert(&quot;:-@&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-@\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/72.gif\" \n                     onclick='RS_SB.insert(&quot;^:)^&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"^:)^\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/73.gif\" \n                     onclick='RS_SB.insert(&quot;:-j&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-j\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/74.gif\" \n                     onclick='RS_SB.insert(&quot;(*)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(*)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/100.gif\" \n                     onclick='RS_SB.insert(&quot;:)]&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)]\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/101.gif\" \n                     onclick='RS_SB.insert(&quot;:-c&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-c\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/102.gif\" \n                     onclick='RS_SB.insert(&quot;~X(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"~X(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/103.gif\" \n                     onclick='RS_SB.insert(&quot;:-h&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-h\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/104.gif\" \n                     onclick='RS_SB.insert(&quot;:-t&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-t\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/105.gif\" \n                     onclick='RS_SB.insert(&quot;8-&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/106.gif\" \n                     onclick='RS_SB.insert(&quot;:-??&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-??\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/107.gif\" \n                     onclick='RS_SB.insert(&quot;%-(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"%-(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/108.gif\" \n                     onclick='RS_SB.insert(&quot;:o3&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":o3\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/109.gif\" \n                     onclick='RS_SB.insert(&quot;X_X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"X_X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/110.gif\" \n                     onclick='RS_SB.insert(&quot;:!!&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":!!\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/111.gif\" \n                     onclick='RS_SB.insert(&quot;\\\\m\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\\m\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/112.gif\" \n                     onclick='RS_SB.insert(&quot;:-q&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-q\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/113.gif\" \n                     onclick='RS_SB.insert(&quot;:-bd&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-bd\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/114.gif\" \n                     onclick='RS_SB.insert(&quot;^#(^&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"^#(^\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/115.gif\" \n                     onclick='RS_SB.insert(&quot;:bz&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":bz\">\n                    <\/div>\n\n                    <div style=\"text-align:center; font-size:12px; color:#888;\">Bitte einloggen zum Chatten<\/div>\n            <\/div>\n<\/div>\n\n<script>\nwindow.RS_SB = {\n    API: 'https:\/\/germanracers.de\/backend\/shoutbox.php',\n    EMO_URL: 'https:\/\/germanracers.de\/assets\/emoticons\/',\n    EMOS: {\":)\":1,\":(\":2,\";)\":3,\":D\":4,\";;\":5,\">:D<\":6,\":-\\\/\":7,\":x\":8,\":\\\">\":9,\":P\":10,\":-*\":11,\"=((\":12,\":-O\":13,\"X(\":14,\":>\":15,\"B-)\":16,\":-S\":17,\"#:-S\":18,\">:) \":19,\":(( \":20,\":))\":21,\":|\":22,\"\\\/:)\":23,\"=))\":24,\"O:-)\":25,\":-B\":26,\"=;\":27,\"I-)\":28,\"8-|\":29,\"L-)\":30,\":-&\":31,\":-$\":32,\"[-( \":33,\":O)\":34,\"8-}\":35,\"<:-P\":36,\"(:|\":37,\"=P~\":38,\":-?\":39,\"#-o\":40,\"=D>\":41,\":-SS\":42,\"@-)\":43,\":^o\":44,\":-w\":45,\":-<\":46,\">:P\":47,\"<):)\":48,\":@)\":49,\"3:-O\":50,\":(|)\":51,\"~O)\":52,\"*-:)\":53,\"8-X\":54,\"=:)\":55,\">-)\":56,\":-L\":57,\"[-o<\":58,\"$-)\":59,\":-\\\"\":60,\"b-(\":61,\":)>-\":62,\"[-X\":63,\"\\\\:D\\\/\":64,\">:\\\/\":65,\";))\":66,\"o->\":67,\"o=>\":68,\"o-+\":69,\"(%)\":70,\":-@\":71,\"^:)^\":72,\":-j\":73,\"(*)\":74,\":)]\":100,\":-c\":101,\"~X(\":102,\":-h\":103,\":-t\":104,\"8->\":105,\":-??\":106,\"%-(\":107,\":o3\":108,\"X_X\":109,\":!!\":110,\"\\\\m\\\/\":111,\":-q\":112,\":-bd\":113,\"^#(^\":114,\":bz\":115},\n    box: document.getElementById('rs-sb-messages'),\n    input: document.getElementById('rs-sb-input'),\n    picker: document.getElementById('rs-sb-picker'),\n    isStaff: false,\n    \n    parse(txt) {\n        Object.keys(this.EMOS).forEach(code => {\n            const num = this.EMOS[code];\n            const img = `<img src=\"${this.EMO_URL}${num}.gif\" style=\"width:20px; vertical-align:middle; margin:0 2px;\">`;\n            \/\/ Escape code for regex\n            const escaped = code.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\n            txt = txt.replace(new RegExp(escaped, 'g'), img);\n        });\n        return txt;\n    },\n\n    async load() {\n        try {\n            const res = await fetch(this.API);\n            const data = await res.json();\n            if (Array.isArray(data)) {\n                this.box.innerHTML = data.map(m => {\n                    const canDel = this.isStaff || m.own;\n                    return `\n                    <div style=\"font-size:13px; line-height:1.4; word-break:break-word; position:relative; padding-right:25px; display:flex; align-items:flex-start; gap:8px;\">\n                        <img src=\"${m.avatar}\" style=\"width:20px; height:20px; border-radius:4px; flex-shrink:0; margin-top:2px;\" onerror=\"this.onerror=null; this.src='https:\/\/germanracers.de\/assets\/avatars\/default_1.svg'\">\n                        <div style=\"flex:1;\">\n                            <span style=\"color:#666; font-size:10px;\">[${m.time}]<\/span>\n                            <strong style=\"color:var(--primary);\">${m.name}:<\/strong>\n                            <span style=\"color:#ddd;\">${this.parse(m.message)}<\/span>\n                        <\/div>\n                        ${canDel ? `<i class=\"fas fa-trash-alt\" onclick=\"RS_SB.deleteMsg(${m.id})\" style=\"position:absolute; right:0; top:3px; font-size:10px; color:#555; cursor:pointer;\" title=\"L\u00f6schen\"><\/i>` : ''}\n                    <\/div>\n                `}).join('');\n            }\n        } catch (e) {}\n        const delay = document.hidden ? 60000 : 15000;\n        setTimeout(() => this.load(), delay);\n    },\n\n    async send(e) {\n        e.preventDefault();\n        const msg = this.input.value.trim();\n        if (!msg) return;\n\n        const fd = new FormData();\n        fd.append('message', msg);\n        this.input.value = '';\n        this.picker.style.display = 'none';\n\n        try {\n            await fetch(this.API, { method: 'POST', body: fd });\n            this.load();\n        } catch (e) { alert('Senden fehlgeschlagen'); }\n    },\n\n    async deleteMsg(id) {\n        if (!confirm('Nachricht wirklich l\u00f6schen?')) return;\n        try {\n            await fetch(`${this.API}?id=${id}`, { method: 'DELETE' });\n            this.load();\n        } catch (e) { alert('L\u00f6schen fehlgeschlagen'); }\n    },\n\n    togglePicker() {\n        this.picker.style.display = (this.picker.style.display === 'none') ? 'flex' : 'none';\n    },\n\n    insert(code) {\n        this.input.value += ' ' + code + ' ';\n        this.input.focus();\n        this.picker.style.display = 'none';\n    }\n};\nRS_SB.load();\n<\/script>\n\n<div class=\"dashboard-module widget-top-downloads\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-fire-alt\"><\/i> TOP DOWNLOADS    <\/div>\n\n    <div class=\"module-body\">\n                    <div class=\"ld-empty\">Noch keine Favoriten verzeichnet.<\/div>\n            <\/div>\n<\/div>\n\n<style>\n.widget-top-downloads .module-body { padding: 15px !important; }\n\n.ld-list { display: flex; flex-direction: column; gap: 6px; }\n.ld-item {\n    display: flex; align-items: center; justify-content: space-between; \n    padding: 10px 14px; background: rgba(255,255,255,0.02); \n    border: 1px solid transparent; border-radius: 8px; \n    text-decoration: none; transition: all 0.2s;\n}\n.ld-item:hover { \n    background: rgba(255,255,255,0.05); \n    border-color: rgba(255,255,255,0.1); \n    transform: translateX(4px); \n}\n\n.ld-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }\n.ld-name { font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ld-size { font-size: 10px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; }\n\n.ld-stat { \n    display: flex; flex-direction: column; align-items: center; gap: 2px; \n    min-width: 45px; color: var(--primary); \n    font-family: var(--font-tech); font-size: 10px; font-weight: 800; \n    opacity: 0.8;\n}\n.ld-stat i { font-size: 12px; opacity: 0.5; }\n\n.ld-footer { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--border); text-align: center; }\n.ld-more-link {\n    font-family: var(--font-title); font-size: 9px; font-weight: 800; color: var(--primary);\n    text-decoration: none; transition: all 0.2s;\n}\n.ld-more-link:hover { color: #fff; }\n\n.ld-empty { padding: 30px; text-align: center; color: var(--text-muted); font-size: 11px; font-style: italic; }\n<\/style>\n\n<div class=\"dashboard-module widget-weather\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-cloud-sun\"><\/i> WETTER    <\/div>\n\n    <div class=\"module-body\">\n                    <div class=\"wx-main\">\n                <div class=\"wx-icon-wrap\">\n                    <i class=\"fas fa-bolt\"><\/i>\n                <\/div>\n                <div class=\"wx-primary\">\n                    <div class=\"wx-temp\">19<span>\u00b0C<\/span><\/div>\n                    <div class=\"wx-desc\">Light Rain Shower, Thunderstorm In Vicinity, Rain Shower<\/div>\n                    <div class=\"wx-city\"><i class=\"fas fa-location-dot\"><\/i> Berlin<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wx-grid\">\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-droplet\"><\/i>\n                    <div class=\"wx-val\">46%<\/div>\n                    <div class=\"wx-lbl\">FEUCHTE<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-wind\"><\/i>\n                    <div class=\"wx-val\">15<\/div>\n                    <div class=\"wx-lbl\">KM\/H<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-temperature-low\"><\/i>\n                    <div class=\"wx-val\">19\u00b0<\/div>\n                    <div class=\"wx-lbl\">GEF\u00dcHLT<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-gauge-high\"><\/i>\n                    <div class=\"wx-val\">1018<\/div>\n                    <div class=\"wx-lbl\">HPA<\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .widget-weather .module-body {\n        padding: 20px !important;\n    }\n\n    .wx-main {\n        display: flex;\n        align-items: center;\n        gap: 25px;\n        margin-bottom: 25px;\n    }\n\n    .wx-icon-wrap {\n        font-size: 48px;\n        color: #fff;\n        flex-shrink: 0;\n        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));\n    }\n\n    .wx-primary {\n        min-width: 0;\n    }\n\n    .wx-temp {\n        font-family: var(--font-tech);\n        font-size: 42px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1;\n    }\n\n    .wx-temp span {\n        font-size: 16px;\n        color: var(--primary);\n        vertical-align: top;\n        margin-top: 5px;\n        display: inline-block;\n    }\n\n    .wx-desc {\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--text-light);\n        margin-top: 5px;\n        text-transform: uppercase;\n    }\n\n    .wx-city {\n        font-size: 9px;\n        font-weight: 800;\n        color: var(--text-muted);\n        margin-top: 8px;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n    }\n\n    .wx-city i {\n        color: var(--primary);\n        margin-right: 4px;\n    }\n\n    .wx-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 10px;\n        padding-top: 20px;\n        border-top: 1px solid var(--border);\n    }\n\n    .wx-item {\n        text-align: center;\n    }\n\n    .wx-item i {\n        font-size: 12px;\n        color: var(--primary);\n        opacity: 0.6;\n        margin-bottom: 6px;\n    }\n\n    .wx-val {\n        font-family: var(--font-tech);\n        font-size: 11px;\n        font-weight: 700;\n        color: #fff;\n    }\n\n    .wx-lbl {\n        font-size: 8px;\n        font-weight: 800;\n        color: var(--text-dimmer);\n        letter-spacing: 0.5px;\n        margin-top: 2px;\n    }\n\n    .wx-error {\n        padding: 20px;\n        text-align: center;\n        color: var(--text-muted);\n        font-size: 11px;\n        font-style: italic;\n    }\n\n    .wx-error i {\n        color: var(--primary);\n        margin-right: 8px;\n    }\n<\/style>","menuHtml":"        <a href=\"?page=home\" class=\"nav-link  \" >\n          <i class=\"fas fa-home \"><\/i> Home        <\/a>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link  \" >\n              <i class=\"fas fa-medal \"><\/i> Ranking  <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Ranking <\/div>\n                                    <a href=\"?page=ranking\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-ranking-star \"><\/i> Ranking                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-trophy \"><\/i> Championship                    <\/a>\n                                            <\/div>\n        <\/div>\n            <a href=\"?page=leaderboard\" class=\"nav-link  \" >\n          <i class=\"fas fa-flag-checkered \"><\/i> Liveboard        <\/a>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link  \" >\n              <i class=\"fas fa-cubes \"><\/i> Community <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Community<\/div>\n                                    <a href=\"?page=downloads\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-download \"><\/i> Downloads                    <\/a>\n                                    <a href=\"?page=forum\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file-alt \"><\/i> Forum                    <\/a>\n                                    <a href=\"?page=events\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file \"><\/i> Events                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link  \" >\n              <i class=\"fas fa-screwdriver-wrench \"><\/i> Tool\u00b4s <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Tool\u00b4s<\/div>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-gears \"><\/i> Setup Builder                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-gas-pump \"><\/i> Fuel Calculator                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-desktop \"><\/i> FOV Kalkulator                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-bullseye \"><\/i> Race Pressure                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-chart-line \"><\/i> Telemetry                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"?page=info\" class=\"nav-link  \" >\n              <i class=\"fas fa-circle-info \"><\/i> Info <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Info<\/div>\n                                    <a href=\"?page=contact\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file-pen \"><\/i> Contact                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-file-alt \"><\/i> Members                    <\/a>\n                                    <a href=\"?page=news\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-newspaper \"><\/i> News                    <\/a>\n                                    <a href=\"?page=tuto\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-list \"><\/i> Tuto                    <\/a>\n                                    <a href=\"?page=rules\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-scale-balanced \"><\/i> Rules                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"login.php\" class=\"nav-link  nav-link-restricted\" title=\"Bitte Einloggen\">\n              <i class=\"nav-icon-text \">\ud83d\udd17<\/i> ADM_LINK <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">ADM_LINK<\/div>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-file-alt \"><\/i> Leaderboard Tel                    <\/a>\n                                            <\/div>\n        <\/div>\n    \n\n","avatarUrl":"https:\/\/germanracers.de\/assets\/avatars\/default_1.svg","isAdminPage":false}