index.php

<?php
declare(strict_types=1);

session_name('rwd_wildlands');
session_start([
    'cookie_httponly' => true,
    'cookie_samesite' => 'Strict',
    'cookie_secure' => !empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off',
    'use_strict_mode' => true,
]);

$_SESSION['player_id'] ??= bin2hex(random_bytes(16));
$_SESSION['csrf'] ??= bin2hex(random_bytes(32));
$playerId = (string)$_SESSION['player_id'];
$csrfToken = (string)$_SESSION['csrf'];
$cspNonce = base64_encode(random_bytes(16));

function apiFail(int $status, string $message): void {
    http_response_code($status);
    header('Content-Type: application/json; charset=utf-8');
    header('Cache-Control: no-store');
    echo json_encode(['error' => $message], JSON_UNESCAPED_SLASHES);
    exit;
}

function finiteNumber($value, float $fallback, float $min, float $max): float {
    if (!is_int($value) && !is_float($value) && !is_numeric($value)) return $fallback;
    $number = (float)$value;
    if (!is_finite($number)) return $fallback;
    return max($min, min($max, $number));
}

function publicPlayers(array $state): array {
    $public = [];
    foreach ($state as $id => $player) {
        $public[$id] = [
            'id' => $id,
            'name' => (string)($player['name'] ?? 'Player'),
            'x' => (float)($player['x'] ?? 0),
            'y' => (float)($player['y'] ?? 0),
            'z' => (float)($player['z'] ?? 0),
            'yaw' => (float)($player['yaw'] ?? 0),
            'health' => (int)($player['health'] ?? 100),
            'kills' => (int)($player['kills'] ?? 0),
            'activeWeapon' => (string)($player['activeWeapon'] ?? 'rifle'),
            'shotCount' => (int)($player['shotCount'] ?? 0),
            'isHiding' => false,
            'isSitting' => (bool)($player['isSitting'] ?? false),
        ];
    }
    return $public;
}

if (isset($_GET['api'])) {
    if ($_SERVER['REQUEST_METHOD'] !== 'POST') apiFail(405, 'Method not allowed');
    if (strpos(strtolower((string)($_SERVER['CONTENT_TYPE'] ?? '')), 'application/json') !== 0) apiFail(415, 'JSON required');
    if ((int)($_SERVER['CONTENT_LENGTH'] ?? 0) > 16384) apiFail(413, 'Payload too large');
    if (!hash_equals($csrfToken, (string)($_SERVER['HTTP_X_CSRF_TOKEN'] ?? ''))) apiFail(403, 'Invalid CSRF token');

    try {
        $input = json_decode(file_get_contents('php://input'), true, 32, JSON_THROW_ON_ERROR);
    } catch (JsonException) {
        apiFail(400, 'Invalid JSON');
    }
    if (!is_array($input)) apiFail(400, 'Invalid payload');

    // Runtime state is outside the document root so positions/session metadata cannot be downloaded.
    $stateFile = sys_get_temp_dir() . DIRECTORY_SEPARATOR . 'rwd-wildlands-' . hash('sha256', __DIR__) . '.json';
    $maxPlayers = 16;
    $nowMs = (int)floor(microtime(true) * 1000);
    $fp = fopen($stateFile, 'c+');
    if (!$fp || !flock($fp, LOCK_EX)) apiFail(503, 'State unavailable');

    rewind($fp);
    $raw = stream_get_contents($fp);
    $state = $raw !== false && $raw !== '' ? json_decode($raw, true) : [];
    if (!is_array($state)) $state = [];

    foreach ($state as $id => $storedPlayer) {
        if ($nowMs - (int)($storedPlayer['lastSeenMs'] ?? 0) > 12000) unset($state[$id]);
    }

    $isNew = !isset($state[$playerId]);
    if ($isNew && count($state) >= $maxPlayers) {
        flock($fp, LOCK_UN);
        fclose($fp);
        http_response_code(409);
        header('Content-Type: application/json; charset=utf-8');
        echo json_encode(['error' => 'server_full', 'players' => publicPlayers($state)]);
        exit;
    }

    $name = trim(strip_tags((string)($input['name'] ?? 'Player')));
    $name = preg_replace('/[\x00-\x1F\x7F]/u', '', $name) ?? 'Player';
    $name = function_exists('mb_substr') ? mb_substr($name, 0, 15) : substr($name, 0, 15);
    if ($name === '') $name = 'Player';
    $weapons = ['rifle', 'shotgun', 'pistol', 'sniper'];
    $weapon = in_array(($input['activeWeapon'] ?? ''), $weapons, true) ? (string)$input['activeWeapon'] : 'rifle';

    $previous = $state[$playerId] ?? null;
    $x = finiteNumber($input['x'] ?? 0, (float)($previous['x'] ?? 0), -9, 9);
    $y = finiteNumber($input['y'] ?? 0, (float)($previous['y'] ?? 0), -4, 8);
    $z = finiteNumber($input['z'] ?? 0, (float)($previous['z'] ?? 0), -9, 9);
    $respawn = ($input['resetHealth'] ?? false) === true && $previous !== null && (int)($previous['health'] ?? 100) <= 0;

    if ($previous !== null && !$respawn) {
        $elapsed = max(0.05, min(2.0, ($nowMs - (int)$previous['lastSeenMs']) / 1000));
        $maxMove = 4.5 * $elapsed + 0.45;
        $dx = $x - (float)$previous['x'];
        $dz = $z - (float)$previous['z'];
        $distance = hypot($dx, $dz);
        if ($distance > $maxMove && $distance > 0) {
            $scale = $maxMove / $distance;
            $x = (float)$previous['x'] + $dx * $scale;
            $z = (float)$previous['z'] + $dz * $scale;
        }
        $y = max((float)$previous['y'] - 0.8, min((float)$previous['y'] + 0.8, $y));
    }

    $current = [
        'name' => $name,
        'x' => $x, 'y' => $y, 'z' => $z,
        'yaw' => finiteNumber($input['yaw'] ?? 0, (float)($previous['yaw'] ?? 0), -M_PI, M_PI),
        'health' => $respawn || $previous === null ? 100 : (int)($previous['health'] ?? 100),
        'kills' => (int)($previous['kills'] ?? 0),
        'activeWeapon' => $weapon,
        'shotCount' => max((int)($previous['shotCount'] ?? 0), (int)($input['shotCount'] ?? 0)),
        'isSitting' => ($input['isSitting'] ?? false) === true,
        'lastSeenMs' => $nowMs,
        'lastDamageAtMs' => (int)($previous['lastDamageAtMs'] ?? 0),
        'processedEventIds' => is_array($previous['processedEventIds'] ?? null) ? $previous['processedEventIds'] : [],
    ];
    $state[$playerId] = $current;

    $ackEventIds = [];
    $damageRules = [
        'rifle' => ['cooldown' => 105, 'damage' => 53, 'range' => 20],
        'shotgun' => ['cooldown' => 760, 'damage' => 173, 'range' => 12],
        'pistol' => ['cooldown' => 315, 'damage' => 88, 'range' => 20],
        'sniper' => ['cooldown' => 1260, 'damage' => 200, 'range' => 24],
    ];

    foreach (array_slice(is_array($input['damageEvents'] ?? null) ? $input['damageEvents'] : [], 0, 8) as $event) {
        if (!is_array($event)) continue;
        $eventId = preg_replace('/[^a-zA-Z0-9_-]/', '', (string)($event['eventId'] ?? '')) ?? '';
        $eventId = substr($eventId, 0, 64);
        if ($eventId === '') continue;
        $ackEventIds[] = $eventId;
        if (in_array($eventId, $state[$playerId]['processedEventIds'], true)) continue;
        $state[$playerId]['processedEventIds'][] = $eventId;
        $state[$playerId]['processedEventIds'] = array_slice($state[$playerId]['processedEventIds'], -64);

        $targetId = (string)($event['targetId'] ?? '');
        $eventWeapon = in_array(($event['weapon'] ?? ''), $weapons, true) ? (string)$event['weapon'] : '';
        if ((int)$state[$playerId]['health'] <= 0 || $eventWeapon === '' || !isset($state[$targetId]) || $targetId === $playerId) continue;
        $rule = $damageRules[$eventWeapon];
        if ($nowMs - (int)$state[$playerId]['lastDamageAtMs'] < $rule['cooldown']) continue;
        $targetDistance = hypot((float)$state[$targetId]['x'] - $x, (float)$state[$targetId]['z'] - $z);
        if ($targetDistance > $rule['range']) continue;

        $state[$playerId]['lastDamageAtMs'] = $nowMs;
        $before = (int)$state[$targetId]['health'];
        $requestedDamage = max(0, (int)($event['damage'] ?? 0));
        $appliedDamage = min($requestedDamage, $rule['damage']);
        $state[$targetId]['health'] = max(0, $before - $appliedDamage);
        if ($before > 0 && $state[$targetId]['health'] === 0) $state[$playerId]['kills']++;
    }

    rewind($fp);
    ftruncate($fp, 0);
    fwrite($fp, json_encode($state, JSON_UNESCAPED_SLASHES));
    fflush($fp);
    flock($fp, LOCK_UN);
    fclose($fp);

    header('Content-Type: application/json; charset=utf-8');
    header('Cache-Control: no-store');
    echo json_encode(['players' => publicPlayers($state), 'ackEventIds' => $ackEventIds, 'selfId' => $playerId], JSON_UNESCAPED_SLASHES);
    exit;
}

header("Content-Security-Policy: default-src 'self'; script-src 'self' 'nonce-{$cspNonce}' https://cdnjs.cloudflare.com https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline'; connect-src 'self'; img-src 'self' data:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'");
header('X-Content-Type-Options: nosniff');
header('Referrer-Policy: no-referrer');
header('Permissions-Policy: camera=(), microphone=(), geolocation=(), gamepad=(self)');
header('Cache-Control: no-store');
?>
<!DOCTYPE html>
<html lang="en-GB">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RWD Wildlands</title>
    <style>
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

        * {
            font-family: Roboto, sans-serif !important;
        }

        :root {
            --brand-primary: #d3a068;
            --brand-primary-glow: rgba(211, 160, 104, 0.35);
            --brand-accent: #ff9f1c;
            --brand-danger: #b45252;
            --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
            
            --bg-body: #212123;
            --text-body: #f2f0e5;
            --bg-glass: rgba(33, 33, 35, 0.82);
            --border-glass: rgba(242, 240, 229, 0.14);
            --box-shadow: 0 12px 40px rgba(33, 33, 35, 0.5);
        }

        body, html {
            margin: 0;
            padding: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            user-select: none;
            background-color: var(--bg-body);
            color: var(--text-body);
            transition: background-color 0.3s ease;
        }

        #game-container {
            width: 100%;
            height: 100%;
            position: relative;
        }

        #game-container canvas {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        #vignette-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle, rgba(33, 33, 35, 0) 40%, rgba(33, 33, 35, 0.45) 100%);
            pointer-events: none;
            z-index: 2;
        }

        #crosshair-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 10;
        }

        #crosshair {
            width: 24px;
            height: 24px;
            position: relative;
            transition: transform 0.1s var(--ease-out-expo);
        }

        #crosshair.aiming {
            transform: scale(0.6);
        }

        #crosshair.sprinting {
            transform: scale(1.8);
        }

        .crosshair-line {
            position: absolute;
            background: var(--brand-accent);
            box-shadow: 0 0 4px var(--brand-accent);
            border-radius: 1px;
        }

        .ch-top { top: -8px; left: 11px; width: 2px; height: 8px; }
        .ch-bottom { bottom: -8px; left: 11px; width: 2px; height: 8px; }
        .ch-left { left: -8px; top: 11px; width: 8px; height: 2px; }
        .ch-right { right: -8px; top: 11px; width: 8px; height: 2px; }
        .ch-dot { top: 11px; left: 11px; width: 2px; height: 2px; background: #f2f0e5; }

        #hitmarker {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 32px;
            height: 32px;
            transform: translate(-50%, -50%) rotate(45deg);
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.08s ease-out, transform 0.08s var(--ease-out-expo);
        }

        #hitmarker.active {
            opacity: 1;
            transform: translate(-50%, -50%) rotate(45deg) scale(1.25);
        }

        .hm-line {
            position: absolute;
            background: var(--brand-danger);
            box-shadow: 0 0 6px rgba(180, 82, 82, 0.8);
        }
        .hm-1 { top: 0; left: 15px; width: 2px; height: 10px; }
        .hm-2 { bottom: 0; left: 15px; width: 2px; height: 10px; }
        .hm-3 { left: 0; top: 15px; width: 10px; height: 2px; }
        .hm-4 { right: 0; top: 15px; width: 10px; height: 2px; }

        #scope-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none;
            z-index: 8;
            display: none;
            /* Crisp sniper scope: no backdrop blur, large clear lens, hard dark edge */
            background: radial-gradient(circle at center,
                rgba(33,33,35,0) 0%,
                rgba(33,33,35,0) 38%,
                rgba(33,33,35,0.78) 39%,
                #212123 72%);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .scope-line-h {
            position: absolute;
            top: 50%; left: 0; width: 100%; height: 1px;
            background: rgba(242, 240, 229, 0.92);
            box-shadow: 0 0 2px rgba(33,33,35,0.9);
        }
        .scope-line-v {
            position: absolute;
            left: 50%; top: 0; width: 1px; height: 100%;
            background: rgba(242, 240, 229, 0.92);
            box-shadow: 0 0 2px rgba(33,33,35,0.9);
        }
        .scope-ring {
            position: absolute;
            left: 50%; top: 50%;
            width: 56vh; height: 56vh;
            max-width: 82vw; max-height: 82vw;
            transform: translate(-50%, -50%);
            border: 2px solid rgba(242,240,229,0.85);
            border-radius: 50%;
            box-shadow: inset 0 0 0 2px rgba(33,33,35,0.85), 0 0 0 2px rgba(33,33,35,0.85);
        }
        .scope-dot {
            position: absolute;
            left: 50%; top: 50%;
            width: 4px; height: 4px;
            transform: translate(-50%, -50%);
            background: rgba(242,240,229,0.95);
            border-radius: 50%;
            box-shadow: 0 0 3px rgba(33,33,35,1);
        }
        .scope-lens-reflection {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle at 75% 25%, rgba(255, 159, 28, 0.15) 0%, rgba(255, 159, 28, 0) 55%);
        }

        .player-label {
            position: absolute;
            color: #f2f0e5;
            background: rgba(33, 33, 35, 0.86);
            border: 1px solid var(--brand-primary);
            backdrop-filter: blur(6px);
            padding: 4px 10px;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: 0.05em;
            transform: translate(-50%, -100%);
            pointer-events: none;
            z-index: 9;
            white-space: nowrap;
            box-shadow: 0 4px 12px rgba(33, 33, 35, 0.4);
            transition: opacity 0.15s ease;
        }

        #blocker {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, rgba(10, 16, 14, 0.94) 0%, rgba(10, 16, 14, 0.72) 42%, rgba(10, 16, 14, 0.08) 72%);
            backdrop-filter: blur(3px);
            color: var(--text-body);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            z-index: 100;
            text-align: left;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        #instructions {
            background: linear-gradient(145deg, rgba(27, 35, 31, 0.96), rgba(18, 22, 21, 0.94));
            padding: 24px;
            margin-left: clamp(20px, 5vw, 72px);
            border-radius: 20px;
            border: 1px solid rgba(154, 213, 123, 0.24);
            border-left: 4px solid #8ab060;
            box-shadow: 0 24px 80px rgba(0,0,0,.48);
            width: 420px;
            max-width: calc(100vw - 48px);
            pointer-events: auto;
        }

        .lobby-kicker { color:#9ad57b; font-size:.72em; font-weight:400; letter-spacing:.18em; text-transform:uppercase; margin-bottom:8px; }
        .lobby-title { font-size:2em; line-height:1; margin:0 0 8px; letter-spacing:-.03em; }
        .lobby-description { margin:0 0 18px; color:rgba(242,240,229,.72); font-size:.88em; line-height:1.5; }
        .lobby-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
        .language-switch { display:flex; gap:6px; }
        .language-btn { border:1px solid var(--border-glass); background:rgba(255,255,255,.05); color:#f2f0e5; border-radius:7px; padding:6px 9px; cursor:pointer; font-weight:400; font-size:.7em; }
        .language-btn.active { color:#172016; background:#9ad57b; border-color:#9ad57b; }
        .player-count-note { color:rgba(242,240,229,.58); font-size:.72em; font-weight: 400; }

        h1 {
            font-size: 1.05em;
            font-weight: 400;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            margin: 0 0 12px;
            color: var(--text-body);
        }

        .lobby-row {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 10px;
        }

        input[type="text"] {
            background: rgba(33, 33, 35, 0.48);
            border: 1px solid var(--border-glass);
            color: #f2f0e5;
            padding: 10px 12px;
            font-size: 0.95em;
            border-radius: 8px;
            outline: none;
            transition: all 0.2s var(--ease-out-expo);
            box-sizing: border-box;
            width: 100%;
        }

        input[type="text"]:focus {
            border-color: var(--brand-primary);
            box-shadow: 0 0 15px var(--brand-primary-glow);
        }

        .controls-list {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:7px 12px;
            text-align: left;
            margin: 16px 0 0;
            line-height: 1.45;
            font-size: 0.72em;
            color: var(--text-body);
            opacity: 0.9;
            border-top: 1px solid var(--border-glass);
            padding-top: 10px;
        }

        .key {
            background: rgba(242, 240, 229, 0.16);
            color: #f2f0e5;
            padding: 2px 6px;
            border-radius: 6px;
            font-weight: 400;
            font-family: monospace;
            border-bottom: 2px solid rgba(33, 33, 35, 0.3);
        }
        #deploy-btn {
            background: linear-gradient(135deg, #d3a068 0%, #ede19e 100%);
            color: #212123;
            border: none;
            padding: 13px 14px;
            font-size: 0.95em;
            font-weight: 400;
            letter-spacing: 0.04em;
            border-radius: 8px;
            cursor: pointer;
            width: 100%;
            transition: all 0.2s var(--ease-out-expo);
            box-shadow: 0 4px 15px var(--brand-primary-glow);
        }

        #deploy-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px var(--brand-primary-glow);
        }

        #round-banner {
            position: absolute;
            top: 25%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 15;
            color: #f2f0e5;
            font-size: 2.2em;
            font-weight: 950;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 0 15px rgba(211, 160, 104, 0.9);
            letter-spacing: 0.15em;
            pointer-events: none;
            display: none;
            animation: bannerPulse 0.3s var(--ease-out-expo) forwards;
        }

        #stealth-badge {
            position: absolute;
            top: 100px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(104, 194, 211, 0.9);
            border: 1px solid rgba(242, 240, 229, 0.3);
            color: #212123;
            padding: 8px 20px;
            border-radius: 20px;
            font-weight: 400;
            font-size: 0.9em;
            letter-spacing: 0.12em;
            box-shadow: 0 0 15px rgba(104, 194, 211, 0.5);
            display: none;
            z-index: 10;
            pointer-events: none;
        }

        #leaderboard {
            position: absolute;
            top: 24px;
            left: 24px;
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            border-radius: 16px;
            padding: 16px 20px;
            color: var(--text-body);
            z-index: 10;
            width: 230px;
            box-shadow: var(--box-shadow);
        }

        .leaderboard-title {
            font-size: 0.78em;
            color: var(--brand-accent);
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 0.1em;
            margin-bottom: 12px;
            border-bottom: 1px solid var(--border-glass);
            padding-bottom: 8px;
        }

        .leaderboard-row {
            display: flex;
            justify-content: space-between;
            font-size: 0.85em;
            margin-bottom: 8px;
            color: var(--text-body);
        }

        #hud {
            position: absolute;
            bottom: 24px;
            left: 24px;
            right: 24px;
            pointer-events: none;
            z-index: 10;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .hud-panel {
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            padding: 16px 28px;
            border-radius: 16px;
            box-shadow: var(--box-shadow);
        }

        .stat-value {
            font-size: 2.6em;
            font-weight: 400;
            color: #f2f0e5;
            letter-spacing: -0.03em;
            text-shadow: 0 2px 10px rgba(104, 194, 211, 0.2);
        }
        .stat-label {
            font-size: 0.75em;
            text-transform: uppercase;
            color: var(--text-body);
            opacity: 0.8;
            letter-spacing: 0.1em;
            margin-top: 4px;
            font-weight: 400;
        }

        #view-indicator {
            position: absolute;
            top: 24px;
            right: 150px;
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            color: var(--text-body);
            padding: 8px 16px;
            border-radius: 10px;
            font-size: 0.75em;
            font-weight: 400;
            letter-spacing: 0.08em;
            pointer-events: none;
            z-index: 10;
        }

        #place-indicator {
            position:absolute; top:64px; right:24px; z-index:10;
            color:rgba(242,240,229,.82); font-size:.7em; font-weight:400;
            letter-spacing:.12em; text-transform:uppercase; pointer-events:none;
            text-shadow:0 2px 8px rgba(0,0,0,.65);
        }

        #controller-status {
            position: absolute;
            top: 101px;
            right: 24px;
            z-index: 10;
            min-width: 185px;
            box-sizing: border-box;
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            color: rgba(242,240,229,.72);
            padding: 8px 13px;
            border-radius: 10px;
            font-size: 0.68em;
            font-weight: 400;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            pointer-events: none;
            box-shadow: var(--box-shadow);
        }
        #controller-status.connected {
            color: #9ad57b;
            border-color: rgba(154,213,123,.42);
            box-shadow: 0 0 16px rgba(154,213,123,.16), var(--box-shadow);
        }
        #controller-status.playing {
            color: #bdeeff;
            border-color: rgba(104,194,211,.52);
            box-shadow: 0 0 18px rgba(104,194,211,.18), var(--box-shadow);
        }

        #fps-counter {
            position: absolute;
            top: 24px;
            right: 24px;
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            border-radius: 10px;
            padding: 8px 16px;
            color: #8ab060;
            font-family: monospace;
            font-size: 0.85em;
            font-weight: 400;
            pointer-events: none;
            z-index: 10;
        }

        #weapon-indicator {
            position: absolute;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            pointer-events: auto;
        }

        .weapon-slot {
            background: var(--bg-glass);
            border: 1px solid var(--border-glass);
            backdrop-filter: blur(12px);
            color: var(--text-body);
            opacity: 0.7;
            padding: 12px 20px;
            border-radius: 12px;
            font-weight: 400;
            font-size: 0.8em;
            letter-spacing: 0.08em;
            transition: all 0.2s var(--ease-out-expo);
            box-shadow: 0 4px 15px rgba(33,33,35,0.2);
            cursor: pointer;
        }

        .weapon-slot.active {
            border-color: var(--brand-accent);
            color: var(--brand-accent);
            opacity: 1;
            box-shadow: 0 0 15px var(--brand-primary-glow);
            transform: translateY(-6px);
        }

        #damage-flash {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle, rgba(180, 82, 82, 0) 20%, rgba(180, 82, 82, 0.45) 100%);
            pointer-events: none;
            z-index: 5;
            opacity: 0;
            transition: opacity 0.1s ease-out;
        }

        #reload-indicator {
            position: absolute;
            top: 55%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--brand-accent);
            font-weight: 400;
            font-size: 1.3em;
            letter-spacing: 0.18em;
            text-shadow: 0 0 10px rgba(104, 194, 211, 0.6);
            display: none;
            pointer-events: none;
            z-index: 10;
            animation: flash 1s infinite alternate;
        }

        @keyframes flash {
            0% { opacity: 0.4; }
            100% { opacity: 1; }
        }

        /* ==================================================================
           DESKTOP SPATIAL DESIGN SYSTEM — macOS / visionOS inspired
           ================================================================== */
        :root {
            --spatial-glass: rgba(18, 20, 22, .62);
            --spatial-glass-strong: rgba(18, 20, 22, .82);
            --spatial-stroke: rgba(255, 255, 255, .14);
            --spatial-highlight: rgba(255, 255, 255, .28);
            --spatial-shadow: 0 24px 70px rgba(0, 0, 0, .42), 0 2px 8px rgba(0, 0, 0, .28);
            --spatial-ease: cubic-bezier(.22, 1, .36, 1);
            --accent-green: #a7e687;
        }

        html, body {
            cursor: default;
            -webkit-font-smoothing: antialiased;
            text-rendering: geometricPrecision;
        }

        button, input { font: inherit; }
        button { cursor: pointer; }
        button:focus-visible, input:focus-visible {
            outline: 3px solid rgba(104, 194, 211, .58);
            outline-offset: 3px;
        }

        #game-container canvas {
            filter: saturate(1.06) contrast(1.025);
            transition: filter .8s var(--spatial-ease), transform .8s var(--spatial-ease);
        }

        #vignette-overlay {
            background:
                radial-gradient(circle at 50% 44%, transparent 34%, rgba(9, 12, 14, .10) 68%, rgba(5, 8, 10, .52) 118%),
                linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.08));
            mix-blend-mode: normal;
        }

        #blocker {
            background:
                radial-gradient(circle at 74% 38%, rgba(115, 164, 131, .10), transparent 33%),
                linear-gradient(90deg, rgba(8, 11, 12, .90) 0%, rgba(8, 11, 12, .70) 42%, rgba(8, 11, 12, .16) 76%);
            backdrop-filter: blur(13px) saturate(1.2);
            -webkit-backdrop-filter: blur(13px) saturate(1.2);
            transition: opacity .48s var(--spatial-ease), backdrop-filter .55s var(--spatial-ease);
        }

        #instructions {
            position: relative;
            width: 438px;
            padding: 30px;
            margin-left: clamp(44px, 6vw, 104px);
            overflow: hidden;
            background: linear-gradient(145deg, rgba(35, 39, 38, .76), rgba(17, 20, 20, .68));
            border: 1px solid var(--spatial-stroke);
            border-left: 1px solid var(--spatial-stroke);
            border-radius: 26px;
            box-shadow: var(--spatial-shadow), inset 0 1px 0 rgba(255,255,255,.16);
            backdrop-filter: blur(38px) saturate(1.42);
            -webkit-backdrop-filter: blur(38px) saturate(1.42);
            transform: translateY(0) scale(1);
            transition: transform .55s var(--spatial-ease), opacity .4s ease, box-shadow .4s ease;
        }

        #instructions::before {
            content: "";
            position: absolute;
            width: 260px; height: 260px;
            right: -110px; top: -150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(167,230,135,.20), rgba(104,194,211,.04) 48%, transparent 70%);
            pointer-events: none;
        }

        .lobby-kicker {
            color: var(--accent-green);
            font-size: 11px;
            letter-spacing: .19em;
            line-height: 1.2;
        }

        .lobby-title {
            font-size: 34px;
            font-weight: 760;
            line-height: 1.04;
            letter-spacing: -.045em;
            background: linear-gradient(180deg, #fff 10%, rgba(255,255,255,.76));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .lobby-description {
            max-width: 390px;
            color: rgba(242, 244, 241, .68);
            font-size: 14px;
            line-height: 1.55;
            letter-spacing: -.005em;
        }

        .language-btn {
            min-width: 38px;
            padding: 7px 10px;
            background: rgba(255,255,255,.055);
            border-color: rgba(255,255,255,.12);
            transition: transform .22s var(--spatial-ease), background .22s ease, color .22s ease, box-shadow .22s ease;
        }
        .language-btn:hover { transform: translateY(-1px); background: rgba(255,255,255,.11); }
        .language-btn:active { transform: scale(.96); }
        .language-btn.active { background: rgba(167,230,135,.94); color: #142013; box-shadow: 0 5px 18px rgba(107,181,80,.22); }

        input[type="text"] {
            height: 44px;
            padding: 0 14px;
            background: rgba(0,0,0,.20);
            border-color: rgba(255,255,255,.11);
            border-radius: 11px;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.28);
        }
        input[type="text"]:hover { border-color: rgba(255,255,255,.20); }

        #deploy-btn {
            min-height: 48px;
            border-radius: 13px;
            background: linear-gradient(180deg, #f8e2ad, #ddb46f);
            box-shadow: 0 12px 30px rgba(211,160,104,.22), inset 0 1px 0 rgba(255,255,255,.56);
            transition: transform .24s var(--spatial-ease), filter .24s ease, box-shadow .24s ease;
        }
        #deploy-btn:hover { transform: translateY(-2px) scale(1.006); filter: brightness(1.045); box-shadow: 0 18px 36px rgba(211,160,104,.30), inset 0 1px 0 rgba(255,255,255,.64); }
        #deploy-btn:active { transform: translateY(0) scale(.985); }

        .controls-list {
            border-top-color: rgba(255,255,255,.09);
            color: rgba(245,247,244,.72);
            gap: 9px 16px;
            line-height: 1.5;
        }
        .key {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 17px;
            padding: 0 6px;
            color: rgba(255,255,255,.86);
            background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.07));
            border: 1px solid rgba(255,255,255,.10);
            border-bottom-color: rgba(255,255,255,.20);
            box-shadow: 0 2px 4px rgba(0,0,0,.24);
        }

        #leaderboard, .hud-panel, #view-indicator, #fps-counter, .weapon-slot {
            background: var(--spatial-glass);
            border: 1px solid var(--spatial-stroke);
            box-shadow: 0 12px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10);
            backdrop-filter: blur(28px) saturate(1.35);
            -webkit-backdrop-filter: blur(28px) saturate(1.35);
        }

        #leaderboard {
            top: 28px; left: 28px;
            width: 220px;
            padding: 15px 17px;
            border-radius: 18px;
        }
        .leaderboard-title { font-size: 11px; letter-spacing: .16em; color: rgba(150,220,235,.88); }
        .leaderboard-row { margin-bottom: 7px; font-size: 13px; }

        #hud { left: 28px; right: 28px; bottom: 28px; }
        .hud-panel { min-width: 94px; padding: 13px 18px; border-radius: 18px; }
        .stat-value { font-size: 32px; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
        .stat-label { font-size: 10px; letter-spacing: .16em; }

        #weapon-indicator { bottom: 2px; gap: 7px; }
        .weapon-slot {
            appearance: none;
            min-height: 42px;
            padding: 0 16px;
            color: rgba(255,255,255,.62);
            border-radius: 14px;
            font-size: 11px;
            letter-spacing: .08em;
            transition: transform .26s var(--spatial-ease), color .22s ease, border-color .22s ease, background .22s ease, opacity .22s ease;
        }
        .weapon-slot:hover { color: rgba(255,255,255,.94); transform: translateY(-3px); background: rgba(38,42,43,.78); }
        .weapon-slot:active { transform: translateY(-1px) scale(.97); }
        .weapon-slot.active {
            color: #bdeeff;
            border-color: rgba(104,194,211,.62);
            background: rgba(32,54,58,.76);
            transform: translateY(-6px);
            box-shadow: 0 14px 34px rgba(35,130,150,.18), inset 0 1px 0 rgba(255,255,255,.14);
        }

        #view-indicator, #fps-counter {
            top: 28px;
            border-radius: 12px;
            padding: 8px 13px;
            font-size: 11px;
            letter-spacing: .09em;
        }
        #place-indicator { top: 72px; right: 29px; font-size: 10px; letter-spacing: .17em; }

        #round-banner {
            padding: 11px 18px;
            background: rgba(15,17,18,.48);
            border: 1px solid rgba(255,255,255,.13);
            border-radius: 16px;
            box-shadow: 0 18px 50px rgba(0,0,0,.28);
            backdrop-filter: blur(22px) saturate(1.3);
            -webkit-backdrop-filter: blur(22px) saturate(1.3);
            font-size: 24px;
            letter-spacing: .12em;
            display: block;
            opacity: 0;
            visibility: hidden;
            transform: translate(-50%, -45%) scale(.94);
            transition: opacity .3s ease, transform .45s var(--spatial-ease), visibility .45s;
        }
        #round-banner.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }

        #scope-overlay {
            display: block;
            opacity: 0;
            visibility: hidden;
            transition: opacity .24s ease, visibility .24s;
        }
        #scope-overlay.active { opacity: 1; visibility: visible; }

        #crosshair { filter: drop-shadow(0 2px 5px rgba(0,0,0,.55)); }

        body:not(.game-active) #leaderboard,
        body:not(.game-active) #hud,
        body:not(.game-active) #view-indicator,
        body:not(.game-active) #place-indicator,
        body:not(.game-active) #fps-counter,
        body:not(.game-active) #crosshair-container {
            opacity: .16;
            filter: blur(1.5px);
            transform: translateY(4px);
        }

        #leaderboard, #hud, #view-indicator, #place-indicator, #fps-counter, #controller-status, #crosshair-container {
            transition: opacity .5s var(--spatial-ease), filter .5s var(--spatial-ease), transform .5s var(--spatial-ease);
        }

        body.game-active #game-container canvas { filter: saturate(1.08) contrast(1.03); }
        body.menu-open #instructions { animation: spatialPanelIn .62s var(--spatial-ease) both; }

        @keyframes spatialPanelIn {
            from { opacity: 0; transform: translateY(16px) scale(.975); filter: blur(6px); }
            to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
        }

        @keyframes bannerPulse {
            from { opacity: 0; transform: translate(-50%, -45%) scale(.92); filter: blur(5px); }
            to { opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0); }
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
        }
    </style>

    <script nonce="<?= htmlspecialchars($cspNonce, ENT_QUOTES) ?>" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script nonce="<?= htmlspecialchars($cspNonce, ENT_QUOTES) ?>" src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/PointerLockControls.js"></script>
</head>
<body class="menu-open">

    <div id="game-container">
        <div id="vignette-overlay"></div>
        <div id="damage-flash"></div>
        
        <div id="crosshair-container">
            <div id="crosshair">
                <div class="crosshair-line ch-top"></div>
                <div class="crosshair-line ch-bottom"></div>
                <div class="crosshair-line ch-left"></div>
                <div class="crosshair-line ch-right"></div>
                <div class="crosshair-line ch-dot"></div>
            </div>
            <div id="hitmarker">
                <div class="hm-line hm-1"></div>
                <div class="hm-line hm-2"></div>
                <div class="hm-line hm-3"></div>
                <div class="hm-line hm-4"></div>
            </div>
        </div>

        <div id="reload-indicator" data-i18n="reloading">RELOADING...</div>
        <div id="round-banner">ROUND LIVE</div>
        <div id="stealth-badge" data-i18n="hidden">HIDDEN</div>

        <div id="scope-overlay">
            <div class="scope-ring"></div>
            <div class="scope-line-h"></div>
            <div class="scope-line-v"></div>
            <div class="scope-dot"></div>
        </div>

        <div id="blocker">
            <div id="instructions">
                <div class="lobby-kicker" data-i18n="kicker">16-player wilderness combat</div>
                <h1 class="lobby-title">RWD WILDLANDS</h1>
                <p class="lobby-description" data-i18n="description">Fight across a wind-swept valley. Use trees and rocks as cover, master every weapon, and stay inside the combat zone.</p>
                <div class="lobby-toolbar">
                    <div class="language-switch" style="display: inline-flex; background: rgba(0,0,0,0.2); padding: 2px; border-radius: 8px; border: 1px solid var(--system-border);">
                        <button class="language-btn" id="lang-en" type="button" style="border: none; background: transparent; color: var(--label-secondary); padding: 4px 10px; font-size: 11px; font-weight: 400; border-radius: 6px; cursor: pointer; transition: all 0.15s ease;">EN</button>
                        <button class="language-btn" id="lang-de" type="button" style="border: none; background: transparent; color: var(--label-secondary); padding: 4px 10px; font-size: 11px; font-weight: 400; border-radius: 6px; cursor: pointer; transition: all 0.15s ease;">DE</button>
                    </div>
                    <div class="player-count-note" data-i18n="capacity">Up to 16 players</div>
                </div>
                <div class="lobby-row">
                    <input type="text" id="username-input" placeholder="Player name" data-i18n-placeholder="playerName" maxlength="15" />
                </div>

                <button id="deploy-btn" data-i18n="deploy">Enter Wildlands</button>
                <div class="controls-list">
                    <div><span class="key">WASD</span> <span data-i18n="move">Move</span></div>
                    <div><span class="key">Mouse</span> <span data-i18n="look">Look</span></div>
                    <div><span class="key">Shift</span> <span data-i18n="sprint">Sprint</span></div>
                    <div><span class="key">Space</span> <span data-i18n="jump">Jump</span></div>
                    <div><span class="key">C / Ctrl</span> <span data-i18n="crouch">Crouch</span></div>
                    <div><span class="key">V</span> <span data-i18n="view">Change view</span></div>
                    <div><span class="key">LMB / RMB</span> <span data-i18n="combat">Fire / Aim</span></div>
                    <div><span class="key">1–4</span> <span data-i18n="weapons">Weapons</span></div>
                    <div><span class="key">R</span> <span data-i18n="reloadControl">Reload</span></div>
                    <div><span class="key">LS</span> <span data-i18n="padMove">Move</span></div>
                    <div><span class="key">RS</span> <span data-i18n="padLook">Look</span></div>
                    <div><span class="key">L2 / R2</span> <span data-i18n="padCombat">Aim / Fire</span></div>
                    <div><span class="key">D-Pad</span> <span data-i18n="padWeapons">Weapons</span></div>
                </div>
            </div>
        </div>

        <div id="leaderboard">
            <div class="leaderboard-title" data-i18n="leaderboard">Eliminations</div>
            <div id="leaderboard-list"></div>
        </div>

        <div id="view-indicator">FIRST-PERSON VIEW</div>
        <div id="place-indicator">CENTRAL MEADOW</div>
        <div id="fps-counter">-- FPS</div>
        <div id="controller-status" aria-live="polite">Controller: DISCONNECTED</div>

        <div id="hud">
            <div class="hud-panel" id="health-panel">
                <div class="stat-value" id="health-val">100</div>
                <div class="stat-label" data-i18n="health">Health</div>
            </div>

            <div id="weapon-indicator">
                <button class="weapon-slot active" id="slot-1" data-weapon="rifle" type="button">1: SCAR</button>
                <button class="weapon-slot" id="slot-2" data-weapon="shotgun" type="button">2: PUMP</button>
                <button class="weapon-slot" id="slot-3" data-weapon="pistol" type="button">3: PISTOL</button>
                <button class="weapon-slot" id="slot-4" data-weapon="sniper" type="button">4: AWP</button>
            </div>

            <div class="hud-panel" id="ammo-panel">
                <div class="stat-value" id="ammo-val">30/120</div>
                <div class="stat-label" data-i18n="ammo">Ammo</div>
            </div>
        </div>
    </div>

    <script nonce="<?= htmlspecialchars($cspNonce, ENT_QUOTES) ?>">
        window.GAME_BOOTSTRAP = <?= json_encode(['playerId' => $playerId, 'csrfToken' => $csrfToken], JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) ?>;
        window.addEventListener('error', function(e) {
            var box = document.createElement('div');
            box.style.cssText = 'position:fixed;left:16px;right:16px;top:16px;z-index:99999;background:#212123;color:#f2f0e5;border:2px solid #b45252;border-radius:12px;padding:14px;font-family:monospace;white-space:pre-wrap;';
            box.textContent = 'JavaScript error: ' + (e.message || 'Unknown error') + '\n' + (e.filename || '') + ':' + (e.lineno || '');
            document.body.appendChild(box);
        });

        // --- DATA DESCRIPTIONS FOR WEAPONS (Now featuring 4 Weapons) ---
        var WEAPONS_DATA = {
            rifle: {
                name: 'Assault Rifle SCAR',
                ammoMax: 30,
                reserveMax: 120,
                damage: 33,
                pellets: 1,
                spread: 0.012,
                aimSpread: 0.004,
                sprintSpread: 0.028,
                falloffStart: 45,
                falloffEnd: 115,
                minDamageScale: 0.62,
                headshotMultiplier: 1.6,
                tracerRange: 145,
                fireRate: 120,
                recoilForce: 0.05,
                reloadTime: 1400,
                automatic: true,
                hasScope: true
            },
            shotgun: {
                name: 'Pump Action Shotgun',
                ammoMax: 5,
                reserveMax: 15,
                damage: 18,
                pellets: 8,
                spread: 0.085,
                aimSpread: 0.06,
                sprintSpread: 0.12,
                falloffStart: 12,
                falloffEnd: 42,
                minDamageScale: 0.25,
                headshotMultiplier: 1.2,
                tracerRange: 62,
                fireRate: 850,
                recoilForce: 0.28,
                reloadTime: 2000,
                automatic: false,
                hasScope: false
            },
            pistol: {
                name: 'Hand Cannon',
                ammoMax: 7,
                reserveMax: 35,
                damage: 50,
                pellets: 1,
                spread: 0.018,
                aimSpread: 0.006,
                sprintSpread: 0.034,
                falloffStart: 35,
                falloffEnd: 95,
                minDamageScale: 0.58,
                headshotMultiplier: 1.75,
                tracerRange: 120,
                fireRate: 350,
                recoilForce: 0.12,
                reloadTime: 900,
                automatic: false,
                hasScope: false
            },
            sniper: {
                name: 'Bolt-Action Sniper',
                ammoMax: 5,
                reserveMax: 10,
                damage: 100,
                pellets: 1,
                spread: 0.003,
                aimSpread: 0.0005,
                sprintSpread: 0.018,
                falloffStart: 90,
                falloffEnd: 180,
                minDamageScale: 0.78,
                headshotMultiplier: 2.0,
                tracerRange: 210,
                fireRate: 1400,
                recoilForce: 0.45,
                reloadTime: 2300,
                automatic: false,
                hasScope: true
            }
        };

        // --- WEB-AUDIO SYNTHESIS SYSTEM ---
        var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
        function playSynthSound(type) {
            if (audioCtx.state === 'suspended') audioCtx.resume();
            var osc = audioCtx.createOscillator();
            var gain = audioCtx.createGain();
            var dest = audioCtx.destination;
            
            if (type === 'rifle') {
                osc.type = 'sawtooth';
                osc.frequency.setValueAtTime(180, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(15, audioCtx.currentTime + 0.1);
                gain.gain.setValueAtTime(0.25, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.1);
                var filter = audioCtx.createBiquadFilter();
                filter.type = 'lowpass';
                filter.frequency.setValueAtTime(900, audioCtx.currentTime);
                osc.connect(filter); filter.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.1);
            } else if (type === 'shotgun') {
                osc.type = 'sawtooth';
                osc.frequency.setValueAtTime(80, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(10, audioCtx.currentTime + 0.25);
                gain.gain.setValueAtTime(0.55, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.25);
                var filter = audioCtx.createBiquadFilter();
                filter.type = 'bandpass';
                filter.frequency.setValueAtTime(120, audioCtx.currentTime);
                osc.connect(filter); filter.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.25);
            } else if (type === 'pistol') {
                osc.type = 'triangle';
                osc.frequency.setValueAtTime(120, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(12, audioCtx.currentTime + 0.15);
                gain.gain.setValueAtTime(0.4, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.15);
                osc.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.15);
            } else if (type === 'sniper') {
                osc.type = 'sawtooth';
                osc.frequency.setValueAtTime(65, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(5, audioCtx.currentTime + 0.45);
                gain.gain.setValueAtTime(0.7, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.45);
                var lpf = audioCtx.createBiquadFilter();
                lpf.type = 'lowpass';
                lpf.frequency.setValueAtTime(400, audioCtx.currentTime);
                osc.connect(lpf); lpf.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.45);
            } else if (type === 'hit') {
                osc.type = 'sine';
                osc.frequency.setValueAtTime(500, audioCtx.currentTime);
                osc.frequency.setValueAtTime(800, audioCtx.currentTime + 0.04);
                gain.gain.setValueAtTime(0.18, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.1);
                osc.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.1);
            } else if (type === 'reload') {
                osc.type = 'triangle';
                osc.frequency.setValueAtTime(250, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(500, audioCtx.currentTime + 0.12);
                gain.gain.setValueAtTime(0.08, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.12);
                osc.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.12);
            } else if (type === 'jump') {
                osc.type = 'sine';
                osc.frequency.setValueAtTime(140, audioCtx.currentTime);
                osc.frequency.exponentialRampToValueAtTime(300, audioCtx.currentTime + 0.12);
                gain.gain.setValueAtTime(0.1, audioCtx.currentTime);
                gain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.12);
                osc.connect(gain); gain.connect(dest);
                osc.start(); osc.stop(audioCtx.currentTime + 0.12);
            }
        }

        // --- GLOBAL VARIABLES & STATE ---
        var scene, camera, renderer, controls;
        var ambientLight, directionalLight, fillLight;
        var cameraViewBlend = 1;
        var prevTime = performance.now();

        var fps = 0, frameCount = 0, fpsLastTime = performance.now();

        var bootstrap = window.GAME_BOOTSTRAP || {};
        var myName = localStorage.getItem('standoff_alias') || "Player_" + Math.floor(Math.random()*900 + 100);
        var myId = String(bootstrap.playerId || '');
        var csrfToken = String(bootstrap.csrfToken || '');
        var myKills = 0;

        var isDeployed = false;
        var localPlayerState = {
            id: myId, name: myName,
            x: 0, y: 0, z: 0, yaw: 0,
            health: 100, kills: myKills,
            activeWeapon: 'rifle', shotCount: 0,
            damageEvents: [], resetHealth: false,
            isHiding: false,
            isSitting: false
        };

        var networkPlayers = {};
        var networking = false;
        var networkSyncTimer = null;
        var syncInFlight = false;
        var syncSequence = 0;
        var activeSyncController = null;
        var previousLeaderboardSignature = '';
        var reloadTimer = null;
        var animationFrameId = null;

       var player = {
            position: new THREE.Vector3(0, 0, 0),
            velocity: new THREE.Vector3(),
            health: 100,
            isGrounded: true,
            radius: 0.02375,       // Original: 0.095 / 4
            standHeight: 0.08875,  // Original: 0.355 / 4
            sitHeight: 0.05125,    // Original: 0.205 / 4
            height: 0.08875,       // Original: 0.355 / 4
            isHiding: false,
            isSitting: false
        };

        var moveForward = false, moveBackward = false, moveLeft = false, moveRight = false;
        var keyboardSprintHeld = false, gamepadSprintHeld = false;
        var mouseAimHeld = false, gamepadAimHeld = false;
        var mouseFireHeld = false, gamepadFireHeld = false, gamepadCrouchHeld = false;
        var isSprinting = false, isSitting = false, isThirdPerson = false, isAiming = false, isScoped = false;
        var gamepadState = {
            supported: !!(navigator.getGamepads),
            index: null,
            id: '',
            gameplayActive: false,
            moveX: 0,
            moveY: 0,
            lookX: 0,
            lookY: 0,
            previousButtons: [],
            lastStatusText: '',
            lastSeenAt: 0
        };

        var currentWeaponType = 'rifle';
        var weaponState = {
            rifle: { ammo: WEAPONS_DATA.rifle.ammoMax, reserve: WEAPONS_DATA.rifle.reserveMax },
            shotgun: { ammo: WEAPONS_DATA.shotgun.ammoMax, reserve: WEAPONS_DATA.shotgun.reserveMax },
            pistol: { ammo: WEAPONS_DATA.pistol.ammoMax, reserve: WEAPONS_DATA.pistol.reserveMax },
            sniper: { ammo: WEAPONS_DATA.sniper.ammoMax, reserve: WEAPONS_DATA.sniper.reserveMax }
        };
        var isReloading = false, lastTimeFired = 0, isMouseDown = false;

        var mouseXDelta = 0, mouseYDelta = 0;
        var swayAmountX = 0, swayAmountY = 0;
        var currentRecoilZ = 0, currentRecoilRotX = 0;
        var bobbingTimer = 0;

        var fpvGunGroup, tpvPlayerModel;
        var collidableMeshes = []; // Deferred visual objects used to compute strict bounding boxes
        var collidableBoxes = []; // strict physical collision shapes
        var collidableProxyMeshes = []; // cached raycast proxies for static collision boxes
        var naturalObstacleCircles = []; // fast movement collision for instanced trees and rocks
        var naturalBulletBlockers = []; // instanced meshes that stop bullets
        var grassUniforms = null;
        var houseInteriorBoxes = []; // trigger shapes to activate house interior hiding stealth
        var interactiveDoors = []; // dynamic interactive hinged doors
        var animatedMeshes = [];
        var dynamicMuzzleLight = null;
        var shipyardMapReady = false;
        var shipyardMapBounds = new THREE.Box3(new THREE.Vector3(-80, 0, -60), new THREE.Vector3(80, 18, 60));
        var shipyardSpawnRadius = { x: 62, z: 46 };
        var walkableAreas = [];
        var walkablePlatforms = [];

        var waterPlaneY = -1.5; // Swimmable water boundary plane height
        var MAX_PLAYERS = 16;
        var PLAYER_MODEL_SCALE = 0.0625; // Original: 0.25 / 4
        var SHIPYARD_GROUND_Y = 9.22;
        // Half the previous map size.
        var CAR_MAP_SCALE = 0.03125;
        var MAP_PLAY_RADIUS_FACTOR = 0.76;
        var MAP_WALKABLE_FACTOR = 0.82;
        var carMapWorld = { size: 720, half: 360, roadWidth: 12, shoulderWidth: 18 };
        var carMapRoot = null;
        var particles = [];
        var bulletTraces = [];
        var bulletTraceMaterial = new THREE.LineBasicMaterial({ vertexColors: true, transparent: true, opacity: 0.95 });
        var particleGeometry = new THREE.BoxGeometry(0.015, 0.015, 0.015);
        var particleMaterials = {};
        var muzzleFlashMesh = null;
        var muzzleFlashTimer = null;
        var sharedBodyHitGeometry = new THREE.CylinderGeometry(1, 1, 1, 8);
        var sharedHeadHitGeometry = new THREE.SphereGeometry(1, 8, 6);
        var sharedHitboxMaterial = new THREE.MeshBasicMaterial({ color: 0xffffff });
        var scratchCameraDir = new THREE.Vector3();
        var scratchCameraRight = new THREE.Vector3();
        var scratchMoveVec = new THREE.Vector3();
        var scratchTestPosition = new THREE.Vector3();
        var scratchPlayerEye = new THREE.Vector3();
        var scratchBackDir = new THREE.Vector3();
        var scratchTargetCamera = new THREE.Vector3();
        var scratchPlayerBox = new THREE.Box3();
        var scratchCameraRay = new THREE.Raycaster();

        // A compact formation beside the same road section: players join near one another
        // without spawning directly on top of somebody else.
        var JOIN_SPAWN_PLACES = [
            { name: 'PLACE_1', x: 0.3, z: -0.75 },
            { name: 'PLACE_2', x: 0.8, z: -0.75 },
            { name: 'PLACE_3', x: 1.3, z: -0.75 },
            { name: 'PLACE_4', x: 1.8, z: -0.75 },
            { name: 'PLACE_5', x: 0.3, z:  0.0 },
            { name: 'PLACE_6', x: 0.8, z:  0.0 },
            { name: 'PLACE_7', x: 1.3, z:  0.0 },
            { name: 'PLACE_8', x: 1.8, z:  0.0 }
        ];


        // Littletown palette must be initialized before init() runs.
        var LT = {
            LAWN: 0x8ab060,
            LAWN_DARK: 0x4e584a,
            ROAD: 0x212123,
            ROAD_DARK: 0x352b42,
            YELLOW_LINE: 0xf2f0e5,
            SIDEWALK: 0x646365,
            CROSSWALK: 0xf2f0e5,
            CONCRETE: 0xb8b5b9,
            CONCRETE_DARK: 0x868188,
            BLUE_HOUSE: 0x4b80ca,
            BLUE_TRIM: 0xf2f0e5,
            BLUE_ROOF: 0x3a3858,
            ORANGE_HOUSE: 0xd3a068,
            YELLOW_TRIM: 0xede19e,
            RED_ROOF: 0xb45252,
            TEAL: 0x567b79,
            PINK: 0xcf8acb,
            WHITE: 0xf2f0e5,
            GLASS: 0x8da1b0,        // Changed from cyan to steel-slate gray
            DOOR: 0x80493a,
            WOOD: 0xa77b5b,
            WOOD_DARK: 0x80493a,
            TREE_TRUNK: 0x4b4158,
            HEDGE: 0x567b79,
            FENCE: 0xb2b47e,
            STONE: 0x646365,
            STONE_DARK: 0x45444f,
            SCHOOL_BUS: 0xede19e,
            SCHOOL_BUS_DARK: 0xd3a068,
            CYAN_CAR: 0x3a3a3a,     // Changed from neon cyan to sleek dark gray
            RED_CAR: 0xb45252,
            TIRE: 0x212123,
            GARAGE_DOOR: 0xe5ceb4,
            ROOF_GRAY: 0x45444f,
            METAL_DARK: 0x212123,
            POOL_WATER: 0x243e56,   // Changed from bright cyan to deep natural blue
            SIGN_BLUE: 0x43436a,
            LAMP: 0x5f556a,
            LIGHT: 0xede19e
        };

        var I18N = {
            en: {
                kicker:'16-player wilderness combat', description:'Fight across a wind-swept valley. Use trees and rocks as cover, master every weapon, and stay inside the combat zone.', capacity:'Up to 16 players', playerName:'Player name', deploy:'Enter Wildlands',
                move:'Move', look:'Look', sprint:'Sprint', jump:'Jump', crouch:'Crouch', view:'Change view', combat:'Fire / Aim', weapons:'Weapons', reloadControl:'Reload', padMove:'Move', padLook:'Look', padCombat:'Aim / Fire', padWeapons:'Weapons', reloading:'Reloading...', leaderboard:'Eliminations', health:'Health', ammo:'Ammo', hidden:'Hidden', controllerDisconnected:'Controller: Disconnected', controllerConnected:'Controller: Connected', controllerPlaying:'Controller: Active',
                firstPerson:'First-person view', thirdPerson:'Third-person view', edge:'Combat-zone boundary — turn back!', serverFull:'Server full — maximum 16 players', mapReady:'Wildlands ready', eliminated:'Eliminated', eliminatedBody:'Your health reached zero.', startAgain:'Deploy again',
                central:'Central Meadow', north:'North Ridge', south:'South Fields', east:'East Rocks', west:'West Forest'
            },
            de: {
                kicker:'Wildniskampf für 16 Spieler', description:'Kämpfe in einem windigen Tal. Nutze Bäume und Felsen als Deckung, beherrsche jede Waffe und bleibe in der Kampfzone.', capacity:'Bis zu 16 Spieler', playerName:'Spielername', deploy:'Wildnis betreten',
                move:'Bewegen', look:'Umsehen', sprint:'Sprinten', jump:'Springen', crouch:'Ducken', view:'Ansicht wechseln', combat:'Feuern / Zielen', weapons:'Waffen', reloadControl:'Nachladen', padMove:'Bewegen', padLook:'Umsehen', padCombat:'Zielen / Feuern', padWeapons:'Waffen', reloading:'Wird nachgeladen...', leaderboard:'Eliminierungen', health:'Gesundheit', ammo:'Munition', hidden:'Versteckt', controllerDisconnected:'Controller: Getrennt', controllerConnected:'Controller: Verbunden', controllerPlaying:'Controller: Aktiv',
                firstPerson:'Ego-Perspektive', thirdPerson:'Dritte-Person-Ansicht', edge:'Grenze der Kampfzone — umdrehen!', serverFull:'Server voll — maximal 16 Spieler', mapReady:'Wildnis bereit', eliminated:'Eliminiert', eliminatedBody:'Deine Gesundheit ist auf null gefallen.', startAgain:'Erneut einsetzen',
                central:'Zentrale Wiese', north:'Nordkamm', south:'Südfelder', east:'Ostfelsen', west:'Westwald'
            }
        };
        var currentLanguage = localStorage.getItem('rwd_language') || ((navigator.language || '').toLowerCase().indexOf('de') === 0 ? 'de' : 'en');
        var lastMapEdgeWarning = 0;
        var lastPlaceKey = '';
        var roundBannerTimer = null;

        function t(key) { return (I18N[currentLanguage] && I18N[currentLanguage][key]) || I18N.en[key] || key; }
        function applyLanguage(lang) {
            currentLanguage = I18N[lang] ? lang : 'en';
            localStorage.setItem('rwd_language', currentLanguage);
            document.documentElement.lang = currentLanguage === 'de' ? 'de' : 'en-GB';
            document.querySelectorAll('[data-i18n]').forEach(function(el) { el.textContent = t(el.getAttribute('data-i18n')); });
            document.querySelectorAll('[data-i18n-placeholder]').forEach(function(el) { el.placeholder = t(el.getAttribute('data-i18n-placeholder')); });
            document.getElementById('lang-en').classList.toggle('active', currentLanguage === 'en');
            document.getElementById('lang-de').classList.toggle('active', currentLanguage === 'de');
            if (fpvGunGroup) updateViewMode();
            updatePlaceIndicator();
        }

        document.getElementById('lang-en').addEventListener('click', function() { applyLanguage('en'); });
        document.getElementById('lang-de').addEventListener('click', function() { applyLanguage('de'); });
        applyLanguage(currentLanguage);

        // Form restorations
        document.getElementById('username-input').value = myName;

        document.getElementById('deploy-btn').addEventListener('click', function() {
            requestGameplayStart(false);
        });

        document.querySelectorAll('[data-weapon]').forEach(function(button) {
            button.addEventListener('click', function() { switchWeapon(button.getAttribute('data-weapon')); });
        });

        // --- WEBGL / PBR TEXTURE PIPELINE HELPERS ---
        function setTextureColorSpace(texture, isColorTexture) {
            if (!texture) return texture;

            // Modern Three.js, r152+: texture.colorSpace.
            if ('colorSpace' in texture) {
                texture.colorSpace = isColorTexture ? THREE.SRGBColorSpace : THREE.NoColorSpace;
            }
            // Legacy Three.js, including r128 used by this file: texture.encoding.
            else if ('encoding' in texture) {
                texture.encoding = isColorTexture ? THREE.sRGBEncoding : THREE.LinearEncoding;
            }

            texture.needsUpdate = true;
            return texture;
        }

        function createTextureLoaderTools() {
            var loader = new THREE.TextureLoader();

            function setupTexture(texture, isColorTexture, repeatX, repeatY) {
                setTextureColorSpace(texture, isColorTexture);
                texture.wrapS = THREE.RepeatWrapping;
                texture.wrapT = THREE.RepeatWrapping;
                texture.repeat.set(repeatX || 1, repeatY || 1);
                texture.anisotropy = 8;
                return texture;
            }

            return {
                loadColorTexture: function(url, repeatX, repeatY) {
                    return setupTexture(loader.load(url), true, repeatX, repeatY);
                },
                loadDataTexture: function(url, repeatX, repeatY) {
                    return setupTexture(loader.load(url), false, repeatX, repeatY);
                }
            };
        }

        function configureProductionRenderer(rendererInstance) {
            rendererInstance.setPixelRatio(Math.min(window.devicePixelRatio, 1.25));
            rendererInstance.setSize(window.innerWidth, window.innerHeight);

            // Modern output color tracking, with r128 fallback.
            if ('outputColorSpace' in rendererInstance && THREE.SRGBColorSpace) {
                rendererInstance.outputColorSpace = THREE.SRGBColorSpace;
            } else if ('outputEncoding' in rendererInstance && THREE.sRGBEncoding) {
                rendererInstance.outputEncoding = THREE.sRGBEncoding;
            }

            rendererInstance.toneMapping = THREE.ACESFilmicToneMapping || THREE.LinearToneMapping;
            rendererInstance.toneMappingExposure = 1.08;

            // Physically correct lighting. r128 uses physicallyCorrectLights; newer versions use useLegacyLights=false.
            if ('useLegacyLights' in rendererInstance) {
                rendererInstance.useLegacyLights = false;
            }
            if ('physicallyCorrectLights' in rendererInstance) {
                rendererInstance.physicallyCorrectLights = true;
            }

            rendererInstance.shadowMap.enabled = true;
            rendererInstance.shadowMap.type = THREE.PCFSoftShadowMap;
        }

        function addProductionSunLight(sceneInstance) {
            var sun = new THREE.DirectionalLight(0xffffff, 2.6);
            sun.position.set(42, 70, 34);
            sun.castShadow = true;
            sun.shadow.mapSize.set(2048, 2048);
            sun.shadow.camera.left = -14;
            sun.shadow.camera.right = 14;
            sun.shadow.camera.top = 14;
            sun.shadow.camera.bottom = -14;
            sun.shadow.camera.near = 1;
            sun.shadow.camera.far = 180;
            sun.shadow.bias = -0.00025;
            sceneInstance.add(sun);
            return sun;
        }

        var textureTools = createTextureLoaderTools();

        init();
        animate();

        function init() {
            camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.02, 1000);
            scene = new THREE.Scene();

            renderer = new THREE.WebGLRenderer({ antialias: true, powerPreference: "high-performance" });
            configureProductionRenderer(renderer);
            document.getElementById('game-container').appendChild(renderer.domElement);

            // Low-intensity hemisphere keeps the shipyard readable without expensive environment maps.
            ambientLight = new THREE.HemisphereLight(0xffffff, 0x777777, 0.42);
            scene.add(ambientLight);

            directionalLight = addProductionSunLight(scene);
            fillLight = new THREE.DirectionalLight(0x8ebee8, 0.55);
            fillLight.position.set(16, 10, -20);
            scene.add(fillLight);

            applyShipyardLighting();
            // Keep the shipyard fast: use direct lights only.

            var blocker = document.getElementById('blocker');
            controls = new THREE.PointerLockControls(camera, document.body);

            controls.addEventListener('lock', function() {
                startGameplaySession(false);
            });
            controls.addEventListener('unlock', function() {
                if (gamepadState.gameplayActive && isDeployed) return;
                exitGameplaySession();
            });

            scene.add(controls.getObject());

            document.addEventListener('mousemove', function(e) {
                if (controls.isLocked) {
                    mouseXDelta += e.movementX;
                    mouseYDelta += e.movementY;
                }
            });

            buildCarGameMap();
            buildFpvViewmodel();
            buildTpvPlayerModel();
            setupControls();
            setupGamepadControls();

            window.addEventListener('resize', onWindowResize);

            updateViewMode();
            updateHUD();
        }

        function applyShipyardLighting() {
            scene.background = new THREE.Color(0x91bfe5);
            scene.fog = new THREE.FogExp2(0x91bfe5, 0.032);

            if (ambientLight) {
                ambientLight.color.setHex(0xffffff);
                if (ambientLight.groundColor) ambientLight.groundColor.setHex(0x425c38);
                ambientLight.intensity = 0.82;
            }

            directionalLight.color.setHex(0xffedc4);
            directionalLight.intensity = 3.25;
            directionalLight.position.set(-28, 44, 24);
        }

        // --- FALLBACK HANDMADE ARENA ---
        function createMapMaterial(color, roughness, metalness) {
            return new THREE.MeshStandardMaterial({
                color: color,
                roughness: roughness === undefined ? 0.84 : roughness,
                metalness: metalness || 0.0,
                flatShading: true
            });
        }

        function getTerrainHeight(x, z) {
            if (shipyardMapReady) {
                return carTerrainHeight(x / CAR_MAP_SCALE, z / CAR_MAP_SCALE) * CAR_MAP_SCALE;
            }
            var edge = Math.max(Math.abs(x) - shipyardSpawnRadius.x - 22, Math.abs(z) - shipyardSpawnRadius.z - 22);
            if (edge > 0) return -2.5;
            return 0;
        }

        function isOnWalkableArea(x, z) {
            if (shipyardMapReady) {
                var limit = carMapWorld.half * CAR_MAP_SCALE * MAP_WALKABLE_FACTOR;
                return Math.abs(x) <= limit && Math.abs(z) <= limit;
            }
            for (var i = 0; i < walkableAreas.length; i++) {
                var area = walkableAreas[i];
                if (x >= area.minX && x <= area.maxX && z >= area.minZ && z <= area.maxZ) return true;
            }
            return false;
        }

        function registerWalkableRect(x, z, w, d, y, name) {
            walkableAreas.push({
                name: name || 'walkable_area',
                minX: x - w / 2,
                maxX: x + w / 2,
                minZ: z - d / 2,
                maxZ: z + d / 2,
                y: y
            });
        }

        function registerWalkablePlatform(x, z, w, d, y, name) {
            walkablePlatforms.push({
                name: name || 'walkable_platform',
                minX: x - w / 2,
                maxX: x + w / 2,
                minZ: z - d / 2,
                maxZ: z + d / 2,
                y: y
            });
        }

        function addSceneBox(x, y, z, w, h, d, color, collidable, name, roughness, metalness) {
            var mesh = new THREE.Mesh(
                new THREE.BoxGeometry(w, h, d),
                createMapMaterial(color, roughness, metalness)
            );
            mesh.position.set(x, y, z);
            mesh.name = name || 'map_box';
            mesh.castShadow = !!collidable;
            mesh.receiveShadow = true;
            scene.add(mesh);
            if (collidable) collidableMeshes.push(mesh);
            return mesh;
        }

        function addSceneCylinder(x, y, z, radiusTop, radiusBottom, height, color, collidable, name, segments) {
            var mesh = new THREE.Mesh(
                new THREE.CylinderGeometry(radiusTop, radiusBottom, height, segments || 8),
                createMapMaterial(color, 0.78, 0.0)
            );
            mesh.position.set(x, y, z);
            mesh.name = name || 'map_cylinder';
            mesh.castShadow = !!collidable;
            mesh.receiveShadow = true;
            scene.add(mesh);
            if (collidable) collidableMeshes.push(mesh);
            return mesh;
        }

        function addGroupBox(group, n, lx, ly, lz, w, h, d, c, collidable, roughness, metalness) {
            var m = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), createMapMaterial(c, roughness, metalness));
            m.name = n;
            m.position.set(lx, ly, lz);
            m.castShadow = !!collidable;
            m.receiveShadow = true;
            group.add(m);
            if (collidable) collidableMeshes.push(m);
            return m;
        }

        function addGroupCylinder(group, n, lx, ly, lz, radiusTop, radiusBottom, height, c, collidable, rotX, rotZ, segments, roughness, metalness) {
            var m = new THREE.Mesh(
                new THREE.CylinderGeometry(radiusTop, radiusBottom, height, segments || 10),
                createMapMaterial(c, roughness, metalness)
            );
            m.name = n;
            m.position.set(lx, ly, lz);
            m.rotation.x = rotX || 0;
            m.rotation.z = rotZ || 0;
            m.castShadow = !!collidable;
            m.receiveShadow = true;
            group.add(m);
            if (collidable) collidableMeshes.push(m);
            return m;
        }

        function addLampPost(x, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, 0, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupCylinder(g, 'lamp_pole', 0, 3.0, 0, 0.18, 0.22, 6.0, LT.LAMP, true, 0, 0, 8, 0.56, 0.15);
            addGroupBox(g, 'lamp_arm', 1.15, 5.8, 0, 2.4, 0.22, 0.22, LT.LAMP, false, 0.56, 0.15);
            addGroupBox(g, 'lamp_head', 2.4, 5.55, 0, 0.9, 0.35, 0.7, LT.METAL_DARK, false, 0.48, 0.2);
            var glow = addGroupBox(g, 'lamp_glow_panel', 2.4, 5.32, 0, 0.62, 0.06, 0.5, LT.LIGHT, false, 0.2, 0.0);
            glow.material.emissive = new THREE.Color(LT.LIGHT);
            glow.material.emissiveIntensity = 0.75;
        }

        function createRoadMarkingsAndUrbanDetail() {
            for (var z = -78; z <= 78; z += 24) {
                addSceneBox(-19, 0.14, z, 16, 0.045, 1.0, LT.CROSSWALK, false, 'left_lane_crosswalk');
                addSceneBox(19, 0.14, z + 12, 16, 0.045, 1.0, LT.CROSSWALK, false, 'right_lane_crosswalk');
            }
            for (var i = 0; i < 18; i++) {
                var x = -38 + (i % 2) * 77;
                var zPos = -76 + i * 9;
                addSceneBox(x, 0.16, zPos, 1.2, 0.05, 0.45, LT.CONCRETE_DARK, false, 'curb_chip');
            }
            addLampPost(-52, -44, Math.PI / 2);
            addLampPost(-52, 34, Math.PI / 2);
            addLampPost(58, -38, -Math.PI / 2);
            addLampPost(58, 42, -Math.PI / 2);
            addSceneBox(-8, 0.2, -7, 10, 0.05, 6, LT.ROAD_DARK, false, 'oil_stain_midroad', 0.96);
            addSceneBox(28, 0.2, 28, 7, 0.05, 5, LT.ROAD_DARK, false, 'oil_stain_south', 0.96);
        }

        function addFacadeDetail(group, prefix, color) {
            for (var i = 0; i < 5; i++) {
                addGroupBox(group, prefix + '_vent_' + i, -20 + i * 8, 4.9, -11.2, 3.2, 0.18, 0.18, LT.METAL_DARK, false, 0.58, 0.2);
            }
            addGroupBox(group, prefix + '_utility_box', -25.2, 1.55, -4, 0.34, 2.4, 3.8, color || LT.CONCRETE_DARK, true, 0.7);
            addGroupBox(group, prefix + '_pipe_vertical', -25.55, 3.2, -8.2, 0.22, 5.8, 0.22, LT.LAMP, false, 0.48, 0.2);
            addGroupBox(group, prefix + '_awning', -3, 4.75, 19.75, 13, 0.35, 1.8, LT.SCHOOL_BUS, true, 0.58);
        }

        function createTacticalCoverDetails() {
            var sandbagRows = [
                [-24, -3, 0], [-18, -3, 0], [25, 6, 0], [31, 6, 0],
                [-63, -33, Math.PI / 2], [74, 6, Math.PI / 2], [49, -28, Math.PI / 2]
            ];
            for (var i = 0; i < sandbagRows.length; i++) {
                createSandbagWall(sandbagRows[i][0], sandbagRows[i][1], sandbagRows[i][2]);
            }
            createDumpster(-58, 0, -43, 0);
            createDumpster(49, 0, 53, Math.PI);
            createWoodenCrateCover(7, 0, 47, 0.62, 4.0);
            createWoodenCrateCover(52, 0, -18, 0.58, 4.0);
        }

        function createSandbagWall(x, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, 0, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            for (var row = 0; row < 3; row++) {
                for (var col = 0; col < 4; col++) {
                    addGroupBox(g, 'sandbag_' + row + '_' + col, -3 + col * 2, 0.32 + row * 0.36, (row % 2) * 0.15, 1.75, 0.34, 0.78, LT.FENCE, row < 2, 0.92);
                }
            }
        }

        function createDumpster(x, y, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'dumpster_body', 0, 1.15, 0, 5.6, 2.3, 3.4, LT.TEAL, true, 0.72);
            addGroupBox(g, 'dumpster_lid_l', -1.4, 2.52, 0, 2.7, 0.24, 3.6, LT.METAL_DARK, true, 0.55, 0.12);
            addGroupBox(g, 'dumpster_lid_r', 1.4, 2.52, 0, 2.7, 0.24, 3.6, LT.METAL_DARK, true, 0.55, 0.12);
            addGroupBox(g, 'dumpster_handle', 0, 1.4, 1.83, 3.8, 0.18, 0.18, LT.LAMP, false, 0.5, 0.2);
        }

        function makeCanvasTexture(width, height, painter) {
            var canvas = document.createElement('canvas');
            canvas.width = width;
            canvas.height = height;
            var ctx = canvas.getContext('2d');
            painter(ctx, width, height);
            var tex = new THREE.CanvasTexture(canvas);
            if ('colorSpace' in tex && THREE.SRGBColorSpace) tex.colorSpace = THREE.SRGBColorSpace;
            else if ('encoding' in tex && THREE.sRGBEncoding) tex.encoding = THREE.sRGBEncoding;
            tex.needsUpdate = true;
            return tex;
        }

        function addTextPanel(x, y, z, w, h, rotY, painter, name) {
            var tex = makeCanvasTexture(512, 192, painter);
            var mat = new THREE.MeshBasicMaterial({ map: tex, side: THREE.DoubleSide });
            var mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h), mat);
            mesh.name = name || 'canvas_text_panel';
            mesh.position.set(x, y, z);
            mesh.rotation.y = rotY || 0;
            scene.add(mesh);
            return mesh;
        }

        function resetMapPhysics() {
            collidableMeshes = [];
            houseInteriorBoxes = [];
            interactiveDoors = [];
            collidableBoxes = [];
            collidableProxyMeshes = [];
            naturalObstacleCircles = [];
            naturalBulletBlockers = [];
            walkableAreas = [];
            walkablePlatforms = [];
            shipyardMapReady = false;
        }

        function addShipyardBox(x, y, z, w, h, d, color, collidable, name, roughness, metalness) {
            var mesh = addSceneBox(x, y, z, w, h, d, color, collidable, name, roughness, metalness);
            return mesh;
        }

        function addShipyardSurface(x, z, w, d, color, name) {
            registerWalkableRect(x, z, w, d, SHIPYARD_GROUND_Y, name);
            return addShipyardBox(x, SHIPYARD_GROUND_Y - 0.06, z, w, 0.12, d, color, false, name, 0.86, 0.0);
        }

        // --------------------------------------------------------------------
        // MAP COPIED FROM my-old-game/car-game.html
        // Geometry is authored in the original coordinates and uniformly scaled
        // by CAR_MAP_SCALE, preserving the old map's proportions and layout.
        // --------------------------------------------------------------------
        function carRoadCenterX(z) {
            return Math.sin(z * 0.014) * 34 + Math.sin(z * 0.031 + 1.4) * 9;
        }

        function carDistanceToRoad(x, z) {
            return Math.abs(x - carRoadCenterX(z));
        }

        function carClamp(v, min, max) { return Math.max(min, Math.min(max, v)); }
        function carRandom(min, max) { return min + Math.random() * (max - min); }
        function carSmoothstep(a, b, x) {
            var t = carClamp((x - a) / (b - a), 0, 1);
            return t * t * (3 - 2 * t);
        }
        function carNoise2D(x, y) {
            return Math.sin(x * 1.7 + y * 0.9) * 0.48 +
                Math.sin(x * 2.4 - y * 1.6) * 0.28 +
                Math.sin(x * 4.8 + y * 2.2) * 0.16 +
                Math.sin(x * 8.1 - y * 5.4) * 0.08;
        }
        function carTerrainHeight(x, z) {
            var dRoad = carDistanceToRoad(x, z);
            var dCenter = Math.sqrt(x * x + z * z);
            var h = carNoise2D(x * 0.017, z * 0.017) * 4.2;
            h += carNoise2D(x * 0.043 + 10, z * 0.043 - 20) * 1.35;
            h += carSmoothstep(155, 380, dCenter) * carNoise2D(x * 0.011 - 80, z * 0.011 + 50) * 18;
            var flatten = 1 - carSmoothstep(carMapWorld.roadWidth * 0.45, carMapWorld.roadWidth * 1.65, dRoad);
            h *= 1 - flatten * 0.94;
            if (dRoad < carMapWorld.roadWidth * 0.5) h += (1 - dRoad / (carMapWorld.roadWidth * 0.5)) * 0.08;
            return h;
        }

        function carAdd(object, collidable) {
            carMapRoot.add(object);
            if (collidable) collidableMeshes.push(object);
            return object;
        }

        function carGroundTexture() {
            var canvas = document.createElement('canvas'); canvas.width = canvas.height = 256;
            var ctx = canvas.getContext('2d'); ctx.fillStyle = '#5d8c3d'; ctx.fillRect(0, 0, 256, 256);
            for (var i = 0; i < 1400; i++) {
                var shade = Math.floor(carRandom(-22, 28));
                var g = carClamp(124 + shade, 70, 170), r = carClamp(82 + shade * .5, 45, 130), b = carClamp(52 + shade * .25, 30, 100);
                ctx.fillStyle = 'rgba(' + r + ',' + g + ',' + b + ',' + carRandom(.22, .7) + ')';
                ctx.fillRect(Math.random() * 256, Math.random() * 256, carRandom(1, 3), carRandom(1, 3));
            }
            var t = new THREE.CanvasTexture(canvas); t.wrapS = t.wrapT = THREE.RepeatWrapping; t.repeat.set(30, 30); setTextureColorSpace(t, true); return t;
        }

        function carAsphaltTexture() {
            var canvas = document.createElement('canvas'); canvas.width = canvas.height = 256;
            var ctx = canvas.getContext('2d'); ctx.fillStyle = '#2a2d2f'; ctx.fillRect(0, 0, 256, 256);
            for (var i = 0; i < 1800; i++) {
                var v = Math.floor(carRandom(28, 74)); ctx.fillStyle = 'rgba(' + v + ',' + v + ',' + v + ',' + carRandom(.18, .65) + ')';
                ctx.fillRect(Math.random() * 256, Math.random() * 256, 1, 1);
            }
            var t = new THREE.CanvasTexture(canvas); t.wrapS = t.wrapT = THREE.RepeatWrapping; t.repeat.set(2, 60); setTextureColorSpace(t, true); return t;
        }

        function carRoadStrip(width, yOffset) {
            var segments = 260, verts = [], uvs = [], indices = [], zMin = -carMapWorld.half + 8, zMax = carMapWorld.half - 8;
            for (var i = 0; i <= segments; i++) {
                var q = i / segments, z = zMin + (zMax - zMin) * q, x = carRoadCenterX(z), nx = carRoadCenterX(z + 1) - x;
                var len = Math.sqrt(nx * nx + 1), normalX = 1 / len, normalZ = -nx / len;
                var lx = x + normalX * width * .5, lz = z + normalZ * width * .5;
                var rx = x - normalX * width * .5, rz = z - normalZ * width * .5;
                verts.push(lx, carTerrainHeight(lx, lz) + yOffset, lz, rx, carTerrainHeight(rx, rz) + yOffset, rz);
                uvs.push(0, q * 55, 1, q * 55);
                if (i < segments) { var a = i * 2; indices.push(a, a + 1, a + 2, a + 1, a + 3, a + 2); }
            }
            var geo = new THREE.BufferGeometry(); geo.setAttribute('position', new THREE.Float32BufferAttribute(verts, 3)); geo.setAttribute('uv', new THREE.Float32BufferAttribute(uvs, 2)); geo.setIndex(indices); geo.computeVertexNormals(); return geo;
        }

        function buildCarGameMap() {
            resetMapPhysics();
            carMapRoot = new THREE.Group(); carMapRoot.name = 'car_game_map'; carMapRoot.scale.setScalar(CAR_MAP_SCALE); scene.add(carMapRoot);
            waterPlaneY = -100; shipyardSpawnRadius = { x: 7.5, z: 7.5 };
            var scaledHalf = carMapWorld.half * CAR_MAP_SCALE;
            shipyardMapBounds = new THREE.Box3(new THREE.Vector3(-scaledHalf, -8, -scaledHalf), new THREE.Vector3(scaledHalf, 30, scaledHalf));

            // Gradient sky and the old game's visible sun disc.
            var sky = new THREE.Mesh(new THREE.SphereGeometry(1100, 20, 10), new THREE.ShaderMaterial({ side: THREE.BackSide, depthWrite: false,
                uniforms: { topColor:{value:new THREE.Color(0x4f98ff)}, midColor:{value:new THREE.Color(0x9fd0ff)}, bottomColor:{value:new THREE.Color(0xf5fbff)} },
                vertexShader:'varying vec3 v; void main(){v=(modelMatrix*vec4(position,1.)).xyz;gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);}',
                fragmentShader:'uniform vec3 topColor;uniform vec3 midColor;uniform vec3 bottomColor;varying vec3 v;void main(){float t=clamp(normalize(v).y*.5+.5,0.,1.);vec3 c=mix(bottomColor,midColor,smoothstep(.15,.55,t));c=mix(c,topColor,smoothstep(.55,1.,t));gl_FragColor=vec4(c,1.);}' }));
            carAdd(sky); var sunDisc = new THREE.Mesh(new THREE.SphereGeometry(17, 12, 8), new THREE.MeshBasicMaterial({color:0xffee9c})); sunDisc.position.set(-360,310,-320); carAdd(sunDisc);

            // Sculpted grass terrain.
            var terrainGeo = new THREE.PlaneGeometry(carMapWorld.size, carMapWorld.size, 88, 88); terrainGeo.rotateX(-Math.PI / 2);
            var pos = terrainGeo.attributes.position; for (var i=0;i<pos.count;i++) pos.setY(i, carTerrainHeight(pos.getX(i), pos.getZ(i))); terrainGeo.computeVertexNormals();
            var terrain = new THREE.Mesh(terrainGeo, new THREE.MeshStandardMaterial({color:0xf5fff1,map:carGroundTexture(),roughness:.9,metalness:0})); terrain.receiveShadow=true; carAdd(terrain);
            carCreateAnimatedGrass();

            // Distant mountain ring and snow caps.
            var mountainMat=new THREE.MeshStandardMaterial({color:0x5d7063,roughness:1,flatShading:true}), snowMat=new THREE.MeshStandardMaterial({color:0xf4f8ff,roughness:.85,flatShading:true});
            for(i=0;i<16;i++){var angle=i/16*Math.PI*2+carRandom(-.06,.06), radius=carRandom(390,520), mx=Math.cos(angle)*radius,mz=Math.sin(angle)*radius,mh=carRandom(70,135),mr=carRandom(42,82);
                var mountain=new THREE.Mesh(new THREE.ConeGeometry(mr,mh,7),mountainMat);mountain.position.set(mx,mh*.45-10,mz);mountain.rotation.y=Math.random()*Math.PI;carAdd(mountain);
                var snow=new THREE.Mesh(new THREE.ConeGeometry(mr*.35,mh*.26,7),snowMat);snow.position.set(mx,mh*.78,mz);snow.rotation.y=mountain.rotation.y;carAdd(snow);}

            // Shoulder, asphalt and dashed centre line.
            // Lift both strips clear of the terrain. This prevents grass triangles from
            // z-fighting through the asphalt on lower-detail terrain.
            carAdd(new THREE.Mesh(carRoadStrip(carMapWorld.shoulderWidth,.14),new THREE.MeshStandardMaterial({color:0x7b6a4a,roughness:1})));
            carAdd(new THREE.Mesh(carRoadStrip(carMapWorld.roadWidth,.24),new THREE.MeshStandardMaterial({color:0xffffff,map:carAsphaltTexture(),roughness:.88})));
            var lineMat=new THREE.MeshStandardMaterial({color:0xf7e7a3,roughness:.55});
            for(var z=-carMapWorld.half+24;z<carMapWorld.half-24;z+=18){var z2=z+8,x1=carRoadCenterX(z),x2=carRoadCenterX(z2),dx=x2-x1,dz=z2-z,l=Math.sqrt(dx*dx+dz*dz);
                var dash=new THREE.Mesh(new THREE.BoxGeometry(.28,.035,l),lineMat);dash.position.set((x1+x2)/2,carTerrainHeight((x1+x2)/2,(z+z2)/2)+.31,(z+z2)/2);dash.rotation.y=Math.atan2(dx,dz);carAdd(dash);}

            carCreateForest(); carCreateRocks(); carCreateRoadProps(); carCreateAds(); carCreateClouds();
            scene.updateMatrixWorld(true); collidableBoxes=[]; collidableMeshes.forEach(function(m){collidableBoxes.push(new THREE.Box3().setFromObject(m));}); rebuildCollisionProxyMeshes();
            shipyardMapReady=true; displayRoundBanner(t('mapReady'));
        }

        function carCreateAnimatedGrass(){
            var bladeCount=30000;
            var geometry=new THREE.InstancedBufferGeometry();
            geometry.setAttribute('position',new THREE.Float32BufferAttribute([
                -.05,0,0, .05,0,0, -.014,1,0, .014,1,0,
                0,0,-.05, 0,0,.05, 0,1,-.014, 0,1,.014
            ],3));
            geometry.setIndex([0,1,2,1,3,2,4,5,6,5,7,6]);

            var offsets=new Float32Array(bladeCount*3),scales=new Float32Array(bladeCount),angles=new Float32Array(bladeCount),phases=new Float32Array(bladeCount);
            var made=0,tries=0;
            while(made<bladeCount&&tries<bladeCount*4){
                tries++;
                var x=carRandom(-345,345),z=carRandom(-345,345);
                if(carDistanceToRoad(x,z)<carMapWorld.shoulderWidth*.72||Math.sqrt(x*x+z*z)>350)continue;
                offsets[made*3]=x;offsets[made*3+1]=carTerrainHeight(x,z)+.025;offsets[made*3+2]=z;
                scales[made]=carRandom(.62,1.62);angles[made]=carRandom(0,Math.PI*2);phases[made]=carRandom(0,Math.PI*2);made++;
            }
            geometry.setAttribute('offset',new THREE.InstancedBufferAttribute(offsets,3));
            geometry.setAttribute('bladeScale',new THREE.InstancedBufferAttribute(scales,1));
            geometry.setAttribute('bladeAngle',new THREE.InstancedBufferAttribute(angles,1));
            geometry.setAttribute('bladePhase',new THREE.InstancedBufferAttribute(phases,1));
            geometry.instanceCount=made;
            grassUniforms={uTime:{value:0},uWindStrength:{value:.32}};
            var material=new THREE.ShaderMaterial({
                uniforms:grassUniforms,side:THREE.DoubleSide,
                vertexShader:[
                    'attribute vec3 offset; attribute float bladeScale; attribute float bladeAngle; attribute float bladePhase;',
                    'uniform float uTime; uniform float uWindStrength; varying float vHeight; varying float vShade;',
                    'void main(){',
                    'vec3 p=position; p.y*=bladeScale; p.xz*=mix(.72,1.18,bladeScale);',
                    'float c=cos(bladeAngle),s=sin(bladeAngle); p.xz=mat2(c,-s,s,c)*p.xz;',
                    'float h=position.y; float wave=sin(uTime*1.75+bladePhase+offset.x*.045+offset.z*.035);',
                    'wave+=sin(uTime*.82+offset.z*.071-offset.x*.026)*.42;',
                    'p.x+=wave*uWindStrength*h*h; p.z+=cos(uTime*1.31+bladePhase)*uWindStrength*.42*h*h;',
                    'vHeight=h; vShade=.90+.10*sin(bladePhase*2.7);',
                    'gl_Position=projectionMatrix*modelViewMatrix*vec4(p+offset,1.0);}'
                ].join(''),
                fragmentShader:[
                    'varying float vHeight; varying float vShade;',
                    'void main(){',
                    'vec3 root=vec3(.08,.28,.045); vec3 middle=vec3(.20,.55,.11); vec3 tip=vec3(.48,.76,.24);',
                    'vec3 color=mix(root,middle,smoothstep(0.,.58,vHeight)); color=mix(color,tip,smoothstep(.58,1.,vHeight));',
                    'color*=vShade; gl_FragColor=vec4(color,1.0);}'
                ].join('')
            });
            var grass=new THREE.Mesh(geometry,material);grass.name='animated_grass_field';grass.frustumCulled=false;carAdd(grass);
        }

        function carCreateForest(){
            var count=0,max=420,dummy=new THREE.Object3D(),trunks=new THREE.InstancedMesh(new THREE.CylinderGeometry(.16,.22,2.5,5),new THREE.MeshStandardMaterial({color:0x6b4126,roughness:.95}),max);
            var leaves1=new THREE.InstancedMesh(new THREE.ConeGeometry(1.05,2.9,6),new THREE.MeshStandardMaterial({color:0x245d2a,roughness:.96}),max),leaves2=new THREE.InstancedMesh(new THREE.ConeGeometry(.78,2.15,6),new THREE.MeshStandardMaterial({color:0x1f7433,roughness:.96}),max);
            var treeSizes=[1.25,2.15,3.35];
            for(var i=0;i<max*3&&count<max;i++){var x=carRandom(-340,340),z=carRandom(-340,340);if(carDistanceToRoad(x,z)<15||Math.sqrt(x*x+z*z)>450)continue;var s=treeSizes[Math.floor(Math.random()*treeSizes.length)]*carRandom(.9,1.1),y=carTerrainHeight(x,z),r=carRandom(0,Math.PI*2);
                dummy.position.set(x,y+1.25*s,z);dummy.rotation.set(0,r,0);dummy.scale.setScalar(s);dummy.updateMatrix();trunks.setMatrixAt(count,dummy.matrix);
                dummy.position.y=y+3.1*s;dummy.updateMatrix();leaves1.setMatrixAt(count,dummy.matrix);dummy.position.y=y+4.2*s;dummy.rotation.y=r+.2;dummy.updateMatrix();leaves2.setMatrixAt(count,dummy.matrix);count++;}
            trunks.count=leaves1.count=leaves2.count=count;
            trunks.castShadow=trunks.receiveShadow=true;leaves1.castShadow=leaves2.castShadow=true;
            carAdd(trunks);carAdd(leaves1);carAdd(leaves2);
            naturalBulletBlockers.push(trunks,leaves1,leaves2);
            // Recreate the same deterministic instance positions as compact world-space circles.
            for(i=0;i<count;i++){trunks.getMatrixAt(i,dummy.matrix);dummy.matrix.decompose(dummy.position,dummy.quaternion,dummy.scale);naturalObstacleCircles.push({x:dummy.position.x*CAR_MAP_SCALE,z:dummy.position.z*CAR_MAP_SCALE,r:Math.max(.34,dummy.scale.x*.34)*CAR_MAP_SCALE});}
        }

        function carCreateRocks(){
            var max=180,rocks=new THREE.InstancedMesh(new THREE.DodecahedronGeometry(1,0),new THREE.MeshStandardMaterial({color:0x6c746c,roughness:1,flatShading:true}),max),d=new THREE.Object3D(),count=0,rockSizes=[.75,1.5,3.0];
            for(var i=0;i<max*3&&count<max;i++){
                var x=carRandom(-340,340),z=carRandom(-340,340);if(carDistanceToRoad(x,z)<12)continue;
                var sizeIndex=Math.floor(Math.random()*rockSizes.length),s=rockSizes[sizeIndex]*carRandom(.88,1.12),sx=s*carRandom(.8,1.5),sy=s*carRandom(.4,.85),sz=s*carRandom(.8,1.5),terrainY=carTerrainHeight(x,z);
                d.position.set(x,terrainY+sy*.48,z);d.rotation.set(sizeIndex<2?0:carRandom(0,Math.PI),carRandom(0,Math.PI),sizeIndex<2?0:carRandom(0,Math.PI));d.scale.set(sx,sy,sz);d.updateMatrix();rocks.setMatrixAt(count++,d.matrix);
                naturalObstacleCircles.push({kind:'rock',x:x*CAR_MAP_SCALE,z:z*CAR_MAP_SCALE,r:Math.max(sx,sz)*.82*CAR_MAP_SCALE,climbable:sizeIndex<2,topY:(terrainY+sy*1.46)*CAR_MAP_SCALE});
            }
            rocks.count=count;rocks.castShadow=rocks.receiveShadow=true;carAdd(rocks);naturalBulletBlockers.push(rocks);
        }

        function carCreateVillage(){var colors=[0xb99a72,0xc2b093,0x9e8262],loc=[[-245,-1],[-214,-1],[-186,1],[110,1],[142,1],[178,-1],[258,-1]];
            for(var i=0;i<loc.length;i++){var z=loc[i][0],side=loc[i][1],x=carRoadCenterX(z)+side*carRandom(28,44);z+=carRandom(-7,7);var w=carRandom(8,12),d=carRandom(7,11),h=carRandom(5,8),g=new THREE.Group();
                var body=new THREE.Mesh(new THREE.BoxGeometry(w,h,d),new THREE.MeshStandardMaterial({color:colors[i%3],roughness:.9}));body.position.y=h/2;g.add(body);
                var roof=new THREE.Mesh(new THREE.ConeGeometry(Math.max(w,d)*.74,3.6,4),new THREE.MeshStandardMaterial({color:0x573526,roughness:.84}));roof.position.y=h+1.8;roof.rotation.y=Math.PI/4;g.add(roof);
                var door=new THREE.Mesh(new THREE.BoxGeometry(1.6,2.5,.16),new THREE.MeshStandardMaterial({color:0x362018,roughness:.85}));door.position.set(0,1.25,-d/2-.09);g.add(door);
                for(var q=-1;q<=1;q+=2){var win=new THREE.Mesh(new THREE.BoxGeometry(1.6,1.35,.12),new THREE.MeshStandardMaterial({color:0x9fd6ff,roughness:.12,emissive:0x153245,emissiveIntensity:.25}));win.position.set(q*w*.28,h*.55,-d/2-.1);g.add(win);}
                g.position.set(x,carTerrainHeight(x,z),z);g.rotation.y=side>0?-.55:.55;carAdd(g,true);}
        }

        function carCreateRoadProps(){var postMat=new THREE.MeshStandardMaterial({color:0x303030,roughness:.72}),signMat=new THREE.MeshStandardMaterial({color:0xffce38,roughness:.42}),guardMat=new THREE.MeshStandardMaterial({color:0xb8b8b2,roughness:.45,metalness:.35});
            for(var z=-310;z<=310;z+=68){var side=z%136===0?1:-1,x0=carRoadCenterX(z),dx=carRoadCenterX(z+1)-x0,len=Math.sqrt(dx*dx+1),nx=side/len,nz=-dx*side/len,x=x0+nx*10.2,zz=z+nz*10.2,g=new THREE.Group();
                var post=new THREE.Mesh(new THREE.CylinderGeometry(.08,.08,2.6,8),postMat);post.position.y=1.3;g.add(post);var board=new THREE.Mesh(new THREE.BoxGeometry(1.65,1.15,.08),signMat);board.position.y=2.55;g.add(board);g.position.set(x,carTerrainHeight(x,zz),zz);g.rotation.y=Math.atan2(nx,nz)+Math.PI;carAdd(g,true);}
            for(z=-260;z<=260;z+=40){if(Math.abs(Math.sin(z*.025))<.65)continue;for(side=-1;side<=1;side+=2){x0=carRoadCenterX(z);dx=carRoadCenterX(z+1)-x0;len=Math.sqrt(dx*dx+1);nx=side/len;nz=-dx*side/len;x=x0+nx*8.4;zz=z+nz*8.4;var rail=new THREE.Mesh(new THREE.BoxGeometry(.18,.28,12),guardMat);rail.position.set(x,carTerrainHeight(x,zz)+.75,zz);rail.rotation.y=Math.atan2(dx,1);carAdd(rail,true);}}
        }

        function carCreateAdTexture(styleIndex){
            var styles=[['#181824','#62d8ff','#ffffff'],['#241817','#ffb347','#fff5dc'],['#10241a','#77ef8e','#ffffff'],['#251429','#ef76ff','#ffffff']];
            var style=styles[styleIndex%styles.length],canvas=document.createElement('canvas');canvas.width=768;canvas.height=384;var ctx=canvas.getContext('2d');
            ctx.fillStyle=style[0];ctx.fillRect(0,0,canvas.width,canvas.height);ctx.strokeStyle=style[1];ctx.lineWidth=22;ctx.strokeRect(18,18,canvas.width-36,canvas.height-36);
            ctx.textAlign='center';ctx.textBaseline='middle';ctx.shadowColor=style[1];ctx.shadowBlur=22;ctx.fillStyle=style[2];ctx.font='900 112px Roboto';ctx.fillText('VISIT',canvas.width/2,125);
            ctx.shadowBlur=10;ctx.fillStyle=style[1];ctx.font='900 68px Roboto';ctx.fillText('game.rwd.lol',canvas.width/2,255);
            var texture=new THREE.CanvasTexture(canvas);setTextureColorSpace(texture,true);texture.anisotropy=4;return texture;
        }

        function carCreateAds(){
            var textures=[carCreateAdTexture(0),carCreateAdTexture(1),carCreateAdTexture(2),carCreateAdTexture(3)];
            var frameMat=new THREE.MeshStandardMaterial({color:0x17171b,roughness:.55,metalness:.25}),postMat=new THREE.MeshStandardMaterial({color:0x303238,roughness:.65,metalness:.3});
            var adZ=[-270,-200,-130,-55,55,130,200,270];
            for(var i=0;i<adZ.length;i++){
                var z=adZ[i],side=i%2===0?-1:1,roadX=carRoadCenterX(z),dx=carRoadCenterX(z+1)-roadX,len=Math.sqrt(dx*dx+1),nx=side/len,nz=-dx*side/len,x=roadX+nx*26,zz=z+nz*26,y=carTerrainHeight(x,zz),g=new THREE.Group();
                var board=new THREE.Mesh(new THREE.BoxGeometry(15.2,7.8,.5),frameMat);board.position.y=8.2;g.add(board);
                // Separate front-facing planes keep the wording readable from both directions.
                var faceMat=new THREE.MeshBasicMaterial({map:textures[i%4],side:THREE.FrontSide});
                var face=new THREE.Mesh(new THREE.PlaneGeometry(14.4,7),faceMat);face.position.set(0,8.2,.27);g.add(face);
                var back=face.clone();back.position.z=-.27;back.rotation.y=Math.PI;g.add(back);
                for(var p=-1;p<=1;p+=2){var post=new THREE.Mesh(new THREE.BoxGeometry(.5,5,.5),postMat);post.position.set(p*5.2,2.5,0);g.add(post);}
                g.position.set(x,y,zz);g.rotation.y=Math.atan2(nx,nz)+Math.PI;carAdd(g,true);
            }
        }

        function carCreateClouds(){var mat=new THREE.MeshBasicMaterial({color:0xffffff,transparent:true,opacity:.55,depthWrite:false});for(var i=0;i<7;i++){var cloud=new THREE.Group(),n=3+Math.floor(Math.random()*3);for(var b=0;b<n;b++){var blob=new THREE.Mesh(new THREE.SphereGeometry(carRandom(5,12),8,5),mat);blob.position.set(carRandom(-12,12),carRandom(-1.5,1.5),carRandom(-4,4));blob.scale.y=carRandom(.28,.48);cloud.add(blob);}cloud.position.set(carRandom(-430,430),carRandom(135,190),carRandom(-430,430));carAdd(cloud);}}

        function buildCustomShipyardMap() {
            resetMapPhysics();
            waterPlaneY = SHIPYARD_GROUND_Y - 1.2;
            shipyardMapBounds = new THREE.Box3(new THREE.Vector3(-96, SHIPYARD_GROUND_Y - 2, -74), new THREE.Vector3(96, SHIPYARD_GROUND_Y + 22, 74));
            shipyardSpawnRadius = { x: 78, z: 58 };

            var northWall = addSceneBox(0, 3.2, -74, 194, 6.4, 2.0, LT.METAL_DARK, true, 'shipyard_north_boundary');
            var southWall = addSceneBox(0, 3.2, 74, 194, 6.4, 2.0, LT.METAL_DARK, true, 'shipyard_south_boundary');
            var westWall = addSceneBox(-97, 3.2, 0, 2.0, 6.4, 148, LT.METAL_DARK, true, 'shipyard_west_boundary');
            var eastWall = addSceneBox(97, 3.2, 0, 2.0, 6.4, 148, LT.METAL_DARK, true, 'shipyard_east_boundary');
            northWall.visible = false;
            southWall.visible = false;
            westWall.visible = false;
            eastWall.visible = false;

            addShipyardBox(0, SHIPYARD_GROUND_Y - 0.72, 0, 198, 0.08, 150, LT.POOL_WATER, false, 'harbour_water', 0.2, 0.0);

            // Main dock and pier surfaces, arranged around the supplied spawn locations.
            addShipyardSurface(-19, 18, 58, 48, LT.CONCRETE_DARK, 'west_shipyard_dock');
            addShipyardSurface(17, 26, 42, 42, LT.CONCRETE, 'east_shipyard_dock');
            addShipyardSurface(-3, 38, 30, 20, LT.CONCRETE_DARK, 'south_container_pad');
            addShipyardSurface(-48, 8, 24, 24, LT.SIDEWALK, 'left_house_pad');
            addShipyardSurface(42, 12, 26, 34, LT.SIDEWALK, 'right_house_pad');
            addShipyardSurface(0, -20, 42, 24, LT.CONCRETE, 'north_service_yard');
            addShipyardSurface(-62, 36, 18, 34, LT.CONCRETE_DARK, 'west_pier');
            addShipyardSurface(66, 34, 18, 34, LT.CONCRETE_DARK, 'east_pier');

            // Low kerbs and bollards give the dock readable edges without becoming walkable roofs.
            addShipyardBox(-19, SHIPYARD_GROUND_Y + 0.22, -6, 58, 0.44, 1.0, LT.STONE_DARK, true, 'dock_north_kerb');
            addShipyardBox(-57, SHIPYARD_GROUND_Y + 0.22, 18, 1.0, 0.44, 48, LT.STONE_DARK, true, 'dock_west_kerb');
            addShipyardBox(58, SHIPYARD_GROUND_Y + 0.22, 26, 1.0, 0.44, 42, LT.STONE_DARK, true, 'dock_east_kerb');
            for (var b = 0; b < 9; b++) {
                addSceneCylinder(-48 + b * 12, SHIPYARD_GROUND_Y + 0.45, -3, 0.34, 0.42, 0.9, LT.METAL_DARK, true, 'dock_bollard', 10);
            }

            // Buildings/office blocks: solid blockers, not walkable surfaces.
            addShipyardBox(-49, SHIPYARD_GROUND_Y + 3.0, 12, 18, 6, 16, LT.ROOF_GRAY, true, 'left_shipyard_office');
            addShipyardBox(-49, SHIPYARD_GROUND_Y + 6.3, 12, 20, 0.7, 18, LT.METAL_DARK, true, 'left_office_roof');
            addShipyardBox(45, SHIPYARD_GROUND_Y + 3.4, 7, 20, 6.8, 26, LT.BLUE_ROOF, true, 'right_warehouse');
            addShipyardBox(45, SHIPYARD_GROUND_Y + 7.2, 7, 22, 0.8, 28, LT.METAL_DARK, true, 'right_warehouse_roof');
            addShipyardBox(4, SHIPYARD_GROUND_Y + 2.7, -22, 28, 5.4, 14, LT.STONE_DARK, true, 'north_service_building');

            // Containers: blocked volumes, with deliberate aisle gaps between rows.
            createContainerStack(-28, SHIPYARD_GROUND_Y, 27, 0, 3, 'red');
            createContainerStack(-9, SHIPYARD_GROUND_Y, 28, Math.PI / 2, 2, 'blue');
            createContainerStack(12, SHIPYARD_GROUND_Y, 34, 0, 3, 'yellow');
            createContainerStack(28, SHIPYARD_GROUND_Y, 23, Math.PI / 2, 2, 'green');
            createOpenContainer(4, SHIPYARD_GROUND_Y, 44, 0);
            createOpenContainer(-17, SHIPYARD_GROUND_Y, 40, Math.PI / 2);

            // Cars and crate cover block movement but can be fought around.
            createShipyardCar(-4, SHIPYARD_GROUND_Y, 13, LT.RED_CAR, Math.PI / 2);
            createShipyardCar(21, SHIPYARD_GROUND_Y, 13, LT.CYAN_CAR, -Math.PI / 2);
            createWoodenCrateCover(-35, SHIPYARD_GROUND_Y, 31, 0.65, 4.0);
            createWoodenCrateCover(35, SHIPYARD_GROUND_Y, 33, 0.65, 4.0);
            createDumpster(-30, SHIPYARD_GROUND_Y, 4, 0);
            createDumpster(30, SHIPYARD_GROUND_Y, 46, Math.PI);

            scene.updateMatrixWorld(true);
            collidableBoxes = [];
            collidableMeshes.forEach(function(mesh) {
                collidableBoxes.push(new THREE.Box3().setFromObject(mesh));
            });
            rebuildCollisionProxyMeshes();
            shipyardMapReady = true;
            displayRoundBanner('CUSTOM SHIPYARD READY');
        }

        function createContainerStack(x, y, z, rotY, count, palette) {
            var colors = {
                red: LT.RED_ROOF,
                blue: LT.BLUE_HOUSE,
                yellow: LT.SCHOOL_BUS,
                green: LT.HEDGE
            };
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            var c = Math.cos(rotY || 0);
            var s = Math.sin(rotY || 0);
            var bodyW = 6.6;
            var bodyD = 3.0;
            var bodyH = 1.35;
            for (var i = 0; i < count; i++) {
                var cx = (i - (count - 1) / 2) * 7.2;
                addGroupBox(g, 'container_body_' + i, cx, bodyH / 2, 0, bodyW, bodyH, bodyD, colors[palette] || LT.BLUE_HOUSE, true, 0.74, 0.05);
                addGroupBox(g, 'container_door_' + i, cx + 3.38, bodyH / 2, 0, 0.12, bodyH * 0.82, 2.75, LT.METAL_DARK, true, 0.62, 0.12);
                for (var rib = -2; rib <= 2; rib++) {
                    addGroupBox(g, 'container_rib_' + i + '_' + rib, cx + rib * 1.1, bodyH / 2, 1.55, 0.08, bodyH * 0.86, 0.08, LT.METAL_DARK, false, 0.72, 0.1);
                }
                var worldX = x + cx * c;
                var worldZ = z - cx * s;
                var platformW = Math.abs(c) > 0.5 ? bodyW : bodyD;
                var platformD = Math.abs(c) > 0.5 ? bodyD : bodyW;
                registerWalkablePlatform(worldX, worldZ, platformW - 0.35, platformD - 0.35, y + bodyH, 'container_top_' + i);
            }
        }

        function createOpenContainer(x, y, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'open_container_floor', 0, 0.04, 0, 7.2, 0.08, 3.0, LT.CONCRETE_DARK, false, 0.78, 0.05);
            addGroupBox(g, 'open_container_left_wall', 0, 1.35, -1.5, 7.2, 2.4, 0.18, LT.BLUE_HOUSE, true, 0.72, 0.05);
            addGroupBox(g, 'open_container_right_wall', 0, 1.35, 1.5, 7.2, 2.4, 0.18, LT.BLUE_HOUSE, true, 0.72, 0.05);
            addGroupBox(g, 'open_container_back', -3.6, 1.35, 0, 0.18, 2.4, 3.0, LT.BLUE_ROOF, true, 0.72, 0.05);
        }

        function createShipyardCar(x, y, z, color, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'shipyard_car_body', 0, 0.52, 0, 3.8, 1.04, 5.8, color, true, 0.52);
            addGroupBox(g, 'shipyard_car_top', 0, 1.22, -0.35, 2.5, 0.72, 2.8, color, true, 0.52);
            addGroupBox(g, 'shipyard_car_windshield', 0, 1.28, -1.7, 2.1, 0.5, 0.12, LT.GLASS, false, 0.15);
            addGroupBox(g, 'shipyard_wheel_1', -2.05, 0.34, -1.8, 0.48, 0.65, 0.86, LT.TIRE, true, 0.7);
            addGroupBox(g, 'shipyard_wheel_2', 2.05, 0.34, -1.8, 0.48, 0.65, 0.86, LT.TIRE, true, 0.7);
            addGroupBox(g, 'shipyard_wheel_3', -2.05, 0.34, 1.8, 0.48, 0.65, 0.86, LT.TIRE, true, 0.7);
            addGroupBox(g, 'shipyard_wheel_4', 2.05, 0.34, 1.8, 0.48, 0.65, 0.86, LT.TIRE, true, 0.7);
            var bodyW = Math.abs(Math.cos(rotY || 0)) > 0.5 ? 3.8 : 5.8;
            var bodyD = Math.abs(Math.cos(rotY || 0)) > 0.5 ? 5.8 : 3.8;
            registerWalkablePlatform(x, z, bodyW - 0.2, bodyD - 0.2, y + 1.04, 'car_roof');
        }

        function rebuildCollisionProxyMeshes() {
            collidableProxyMeshes = [];
            collidableBoxes.forEach(function(box) {
                var size = new THREE.Vector3();
                var center = new THREE.Vector3();
                box.getSize(size);
                box.getCenter(center);
                var proxy = new THREE.Mesh(new THREE.BoxGeometry(size.x, size.y, size.z));
                proxy.position.copy(center);
                proxy.updateMatrixWorld();
                proxy.isObstacle = true;
                collidableProxyMeshes.push(proxy);
            });
        }

        function buildCartoonFortniteMap() {
            collidableMeshes = [];
            houseInteriorBoxes = [];
            interactiveDoors = [];
            collidableBoxes = [];
            waterPlaneY = -4.0;

            // Ground blocks: long black asphalt street with white paint and bright side lawns.
            addSceneBox(0, -0.08, 0, 252, 0.16, 180, LT.LAWN_DARK, false, 'outer_grass');
            addSceneBox(0, 0.0, 0, 88, 0.18, 180, LT.ROAD, false, 'wide_black_asphalt', 0.82);
            addSceneBox(-46, 0.05, 0, 8, 0.10, 180, LT.SIDEWALK, false, 'left_sidewalk');
            addSceneBox(53, 0.05, 0, 7, 0.10, 180, LT.SIDEWALK, false, 'right_sidewalk');
            addSceneBox(-88, 0.04, 0, 68, 0.10, 180, LT.LAWN, false, 'left_grass_lane');
            addSceneBox(88, 0.04, 0, 68, 0.10, 180, LT.LAWN, false, 'right_grass_lane');
            addSceneBox(0, 0.12, -34, 1.0, 0.04, 26, LT.WHITE, false, 'white_center_line_1');
            addSceneBox(0, 0.12, 14, 1.0, 0.04, 26, LT.WHITE, false, 'white_center_line_2');
            addSceneBox(0, 0.12, 62, 1.0, 0.04, 26, LT.WHITE, false, 'white_center_line_3');
            addSceneBox(-39.5, 0.12, 0, 0.45, 0.04, 176, LT.WHITE, false, 'left_white_road_edge');
            addSceneBox(39.5, 0.12, 0, 0.45, 0.04, 176, LT.WHITE, false, 'right_white_road_edge');
            createRoadMarkingsAndUrbanDetail();

            // Border walls kept low and palette-compliant, so the player cannot fall out.
            addSceneBox(0, 3.2, -91, 254, 6.4, 2.0, LT.METAL_DARK, true, 'north_boundary');
            addSceneBox(0, 3.2, 91, 254, 6.4, 2.0, LT.METAL_DARK, true, 'south_boundary');
            addSceneBox(-127, 3.2, 0, 2.0, 6.4, 180, LT.METAL_DARK, true, 'west_boundary');
            addSceneBox(127, 3.2, 0, 2.0, 6.4, 180, LT.METAL_DARK, true, 'east_boundary');

            createLeftRedCompound();
            createRightBlueCompound();
            createCenterStreetVehicles();
            createReferenceBillboard();
            createHotelSign();
            createStreetFences();
            createForegroundCrateStack();
            createTrafficCones();
            createReferenceSideProps();
            distributeEnvironmentProps();
            createTacticalCoverDetails();

            scene.updateMatrixWorld(true);
            collidableBoxes = [];
            collidableMeshes.forEach(function(mesh) {
                collidableBoxes.push(new THREE.Box3().setFromObject(mesh));
            });
            rebuildCollisionProxyMeshes();
        }

        function createLeftRedCompound() {
            var g = new THREE.Group();
            g.position.set(-78, 0, -8);
            scene.add(g);

            // Large red/magenta house and attached garage from left side of the screenshot.
            addGroupBox(g, 'red_house_floor', -4, 0.08, 4, 40, 0.16, 28, LT.CONCRETE_DARK, false, 0.82);
            addGroupBox(g, 'red_back_wall', -4, 2.4, -10.85, 42, 4.8, 0.5, LT.PINK, true, 0.82);
            addGroupBox(g, 'red_left_wall', -24.75, 2.4, 4, 0.5, 4.8, 30, LT.RED_ROOF, true, 0.82);
            addGroupBox(g, 'red_right_wall', 16.75, 2.4, 4, 0.5, 4.8, 30, LT.RED_ROOF, true, 0.82);
            addGroupBox(g, 'red_front_wall_left', -14.2, 2.4, 19.15, 21.2, 4.8, 0.5, LT.RED_ROOF, true, 0.82);
            addGroupBox(g, 'red_front_wall_right', 11.6, 2.4, 19.15, 10.2, 4.8, 0.5, LT.RED_ROOF, true, 0.82);
            addGroupBox(g, 'red_door_header', 3.2, 4.3, 19.15, 7.0, 1.0, 0.5, LT.RED_ROOF, true, 0.82);
            addGroupBox(g, 'red_interior_back_shadow', -4, 2.35, -10.45, 39, 4.4, 0.18, LT.ROAD_DARK, false, 0.9);
            addGroupBox(g, 'red_second_floor', 7, 6.3, -7, 36, 5.4, 26, LT.RED_ROOF, true, 0.78);
            addGroupBox(g, 'red_high_front', 8, 8.2, 7, 22, 4.4, 10, LT.PINK, true, 0.78);
            addGroupBox(g, 'black_roof_slab_low', -4, 5.05, 4, 46, 1.0, 34, LT.METAL_DARK, true, 0.65);
            addGroupBox(g, 'black_roof_slab_high', 7, 9.25, -7, 40, 1.0, 30, LT.METAL_DARK, true, 0.65);
            addGroupBox(g, 'red_side_shadow', 18, 3.0, 10, 4, 3.5, 18, LT.ROAD_DARK, false, 0.88);

            // Roll-up garage door made from horizontal slats.
            addGroupBox(g, 'white_garage_panel', -18, 2.2, 19.4, 12, 4.4, 0.55, LT.WHITE, false, 0.72);
            for (var i = 0; i < 6; i++) {
                addGroupBox(g, 'garage_slat_' + i, -18, 0.55 + i * 0.7, 19.72, 25.4, 0.09, 0.18, LT.CONCRETE_DARK, false, 0.8);
            }

            // Windows and side details.
            addGroupBox(g, 'red_front_window_1', 9, 6.7, 6.4, 6.5, 2.2, 0.22, LT.ROAD_DARK, false, 0.4);
            addGroupBox(g, 'red_front_window_glow', 9, 6.7, 6.55, 5.2, 1.4, 0.18, LT.PINK, false, 0.3);
            addGroupBox(g, 'red_side_window', 26.25, 5.8, -3, 0.18, 2.0, 5.8, LT.ROAD_DARK, false, 0.4);
            addFacadeDetail(g, 'red_house', LT.RED_ROOF);

            // Wooden balcony/patch on upper facade.
            for (var p = 0; p < 6; p++) {
                addGroupBox(g, 'upper_wood_plank_' + p, 3 + p * 2.1, 6.2, 8.6, 1.7, 5.0, 0.32, LT.WOOD_DARK, true, 0.88);
            }
            addGroupBox(g, 'upper_wood_rail_top', 8, 7.7, 8.85, 16, 0.35, 0.45, LT.TREE_TRUNK, true, 0.9);
            addGroupBox(g, 'upper_wood_rail_bottom', 8, 4.6, 8.85, 16, 0.35, 0.45, LT.TREE_TRUNK, true, 0.9);

            // Front opening / hiding trigger area.
            var doorPivot = new THREE.Group();
            doorPivot.position.set(1, 1.65, 19.7);
            var doorPanel = new THREE.Mesh(new THREE.BoxGeometry(5.2, 3.3, 0.28), createMapMaterial(LT.WOOD_DARK));
            doorPanel.position.set(2.6, 0, 0);
            doorPanel.castShadow = true;
            doorPivot.add(doorPanel);
            g.add(doorPivot);
            interactiveDoors.push({ pivot: doorPivot, worldHingePos: new THREE.Vector3(), isOpen: false, angle: 0 });

            houseInteriorBoxes.push(new THREE.Box3(
                new THREE.Vector3(-106, 0, -25),
                new THREE.Vector3(-48, 9.8, 20)
            ));
        }

        function createRightBlueCompound() {
            var g = new THREE.Group();
            g.position.set(83, 0, -2);
            scene.add(g);

            // Blue right-side house with dark roof and tan plank garage wall, matching screenshot right foreground.
            addGroupBox(g, 'blue_house_floor', 0, 0.08, 0, 31, 0.16, 44, LT.CONCRETE_DARK, false, 0.82);
            addGroupBox(g, 'blue_back_wall', 0, 3.6, -22.75, 33, 7.2, 0.5, LT.BLUE_ROOF, true, 0.72);
            addGroupBox(g, 'blue_right_wall', 16.25, 3.6, 0, 0.5, 7.2, 46, LT.BLUE_ROOF, true, 0.72);
            addGroupBox(g, 'blue_left_wall_rear', -16.25, 3.6, -13.25, 0.5, 7.2, 18.5, LT.BLUE_ROOF, true, 0.72);
            addGroupBox(g, 'blue_left_wall_front', -16.25, 3.6, 14.3, 0.5, 7.2, 15.4, LT.BLUE_HOUSE, true, 0.72);
            addGroupBox(g, 'blue_door_header', -16.25, 5.75, -2.5, 0.5, 2.9, 7.2, LT.BLUE_ROOF, true, 0.72);
            addGroupBox(g, 'blue_front_block', -2, 3.1, 22, 37, 6.2, 16, LT.BLUE_HOUSE, false, 0.76);
            addGroupBox(g, 'blue_dark_roof_long', -2, 7.4, 0, 40, 1.0, 50, LT.METAL_DARK, true, 0.64);
            addGroupBox(g, 'blue_roof_overhang', -5, 7.2, 26, 48, 1.2, 18, LT.METAL_DARK, true, 0.64);

            // Garage door / boarded facade on the side in the image.
            addGroupBox(g, 'blue_garage_panel', -18.7, 3.0, 12, 0.65, 6.0, 12, LT.WOOD, false, 0.86);
            for (var p = 0; p < 7; p++) {
                addGroupBox(g, 'blue_vertical_board_' + p, -19.1, 3.05, 3.8 + p * 3, 0.48, 5.7, 1.7, LT.WOOD_DARK, false, 0.9);
            }
            addGroupBox(g, 'blue_board_cross_1', -19.35, 5.4, 12, 0.5, 0.45, 24, LT.TREE_TRUNK, false, 0.9);
            addGroupBox(g, 'blue_board_cross_2', -19.35, 1.7, 12, 0.5, 0.45, 24, LT.TREE_TRUNK, false, 0.9);

            addGroupBox(g, 'blue_window_dark', -18.85, 4.2, -14, 0.25, 2.6, 10, LT.ROAD_DARK, false, 0.45);
            addGroupBox(g, 'blue_window_glass', -19.0, 4.2, -14, 0.16, 1.7, 7.5, LT.GLASS, false, 0.18);
            addFacadeDetail(g, 'blue_house', LT.BLUE_ROOF);

            var doorPivot = new THREE.Group();
            doorPivot.position.set(-18.8, 1.6, -2.5);
            var doorPanel = new THREE.Mesh(new THREE.BoxGeometry(0.28, 3.2, 5.8), createMapMaterial(LT.WOOD_DARK));
            doorPanel.position.set(0, 0, 2.9);
            doorPanel.castShadow = true;
            doorPivot.add(doorPanel);
            g.add(doorPivot);
            interactiveDoors.push({ pivot: doorPivot, worldHingePos: new THREE.Vector3(), isOpen: false, angle: 0 });

            houseInteriorBoxes.push(new THREE.Box3(
                new THREE.Vector3(63, 0, -30),
                new THREE.Vector3(103, 8.0, 27)
            ));
        }

        function createCenterStreetVehicles() {
            // Central box truck dominates the long lane like the reference screenshot.
            createMovingTruck(15, 0, -8, Math.PI / 2);
            createCar(-20, 0, -16, LT.WHITE, Math.PI / 2);
            createCar(38, 0, 20, LT.WHITE, -Math.PI / 2);
            createCar(62, 0, -44, LT.SCHOOL_BUS, Math.PI / 2);
        }

        function createMovingTruck(x, y, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'truck_box_dark_side', 0, 3.3, 5, 15, 6.6, 25, LT.ROAD_DARK, true, 0.7);
            addGroupBox(g, 'truck_box_blue_front', -0.1, 3.35, 5, 14.6, 6.0, 24, LT.BLUE_HOUSE, true, 0.6);
            addGroupBox(g, 'truck_box_light_top', 0, 6.65, 5, 15.5, 0.55, 25.5, LT.CONCRETE, true, 0.66);
            addGroupBox(g, 'truck_cab_white', 0, 2.4, -12, 12, 4.8, 9, LT.WHITE, true, 0.58);
            addGroupBox(g, 'truck_window', 0, 3.8, -16.65, 8, 1.5, 0.18, LT.GLASS, false, 0.16);
            addGroupBox(g, 'truck_bumper', 0, 1.1, -17.1, 10.5, 0.6, 0.55, LT.METAL_DARK, true, 0.7);
            addGroupBox(g, 'truck_wheel_left_back', -6.9, 0.9, 8, 1.4, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'truck_wheel_right_back', 6.9, 0.9, 8, 1.4, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'truck_wheel_left_front', -6.9, 0.9, -13, 1.4, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'truck_wheel_right_front', 6.9, 0.9, -13, 1.4, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'truck_tail_lamp_l', -4.7, 1.2, 17.75, 1.0, 0.8, 0.2, LT.PINK, false, 0.45);
            addGroupBox(g, 'truck_tail_lamp_r', 4.7, 1.2, 17.75, 1.0, 0.8, 0.2, LT.PINK, false, 0.45);
        }

        function createCar(x, y, z, color, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'car_body', 0, 1.1, 0, 7.8, 2.2, 12, color, true, 0.52);
            addGroupBox(g, 'car_top', 0, 2.65, -0.8, 5.2, 1.7, 5.5, color, true, 0.52);
            addGroupBox(g, 'car_windshield', 0, 2.75, -4.0, 4.5, 1.1, 0.18, LT.GLASS, false, 0.15);
            addGroupBox(g, 'car_wheel_1', -4.1, 0.62, -3.7, 1.0, 1.2, 2.0, LT.TIRE, true, 0.7);
            addGroupBox(g, 'car_wheel_2', 4.1, 0.62, -3.7, 1.0, 1.2, 2.0, LT.TIRE, true, 0.7);
            addGroupBox(g, 'car_wheel_3', -4.1, 0.62, 3.7, 1.0, 1.2, 2.0, LT.TIRE, true, 0.7);
            addGroupBox(g, 'car_wheel_4', 4.1, 0.62, 3.7, 1.0, 1.2, 2.0, LT.TIRE, true, 0.7);
        }

        function createReferenceBillboard() {
            // Right-side billboard copied from the reference mood: dark face, white block text, colored frame.
            addSceneBox(83, 8.2, -50, 31, 12, 1.0, LT.METAL_DARK, true, 'billboard_back');
            addSceneBox(67.5, 3.7, -50, 1.2, 7.4, 1.2, LT.TREE_TRUNK, true, 'billboard_post_l');
            addSceneBox(98.5, 3.7, -50, 1.2, 7.4, 1.2, LT.TREE_TRUNK, true, 'billboard_post_r');
            addSceneBox(83, 14.4, -50.2, 33, 1.0, 1.2, LT.FENCE, true, 'billboard_top_frame');
            addTextPanel(83, 8.35, -49.35, 28, 9.5, 0, function(ctx, w, h) {
                ctx.fillStyle = '#212123';
                ctx.fillRect(0, 0, w, h);
                ctx.strokeStyle = '#ede19e';
                ctx.lineWidth = 12;
                ctx.strokeRect(8, 8, w - 16, h - 16);
                ctx.fillStyle = '#f2f0e5';
                ctx.font = 'bold 54px monospace';
                ctx.textAlign = 'center';
                ctx.fillText('My FIRST Game', w / 2, 80);
                ctx.fillText('game.rwd.lol', w / 2, 138);
            }, 'your_ad_here_billboard');
        }

        function createHotelSign() {
            addSceneBox(63, 6.0, -58, 4, 12, 0.8, LT.PINK, true, 'hotel_sign_back');
            addTextPanel(63, 6.0, -57.45, 3.4, 10.5, 0, function(ctx, w, h) {
                ctx.fillStyle = '#212123';
                ctx.fillRect(0, 0, w, h);
                ctx.fillStyle = '#b45252';
                ctx.font = 'bold 48px monospace';
                ctx.textAlign = 'center';
                var txt = 'HOTEL';
                for (var i = 0; i < txt.length; i++) ctx.fillText(txt[i], w / 2, 42 + i * 31);
            }, 'hotel_text');
        }

        function createStreetFences() {
            createFenceLine(-110, -58, -62, true);
            createFenceLine(55, -58, 115, true);
            createFenceLine(-118, 34, -72, false);
            createFenceLine(66, 36, 118, false);
            addSceneBox(74, 1.4, 38, 1.2, 2.8, 23, LT.FENCE, true, 'right_tall_fence_post_line');
            addSceneBox(103, 1.4, 38, 1.2, 2.8, 23, LT.FENCE, true, 'right_tall_fence_post_line_2');
            for (var z = 29; z <= 48; z += 4) addSceneBox(88.5, 2.2, z, 28, 0.55, 0.55, LT.FENCE, false, 'right_horizontal_fence');
        }

        function createFenceLine(x1, z, x2, alongX) {
            if (alongX) {
                var minX = Math.min(x1, x2), maxX = Math.max(x1, x2);
                for (var x = minX; x <= maxX; x += 8) addSceneBox(x, 1.3, z, 0.8, 2.6, 0.8, LT.FENCE, true, 'fence_post');
                addSceneBox((minX + maxX) / 2, 1.7, z, maxX - minX + 1, 0.45, 0.45, LT.FENCE, true, 'fence_rail_top');
                addSceneBox((minX + maxX) / 2, 0.8, z, maxX - minX + 1, 0.45, 0.45, LT.FENCE, true, 'fence_rail_low');
            } else {
                var minZ = Math.min(z, x2), maxZ = Math.max(z, x2);
                for (var zz = minZ; zz <= maxZ; zz += 8) addSceneBox(x1, 1.3, zz, 0.8, 2.6, 0.8, LT.FENCE, true, 'fence_post');
                addSceneBox(x1, 1.7, (minZ + maxZ) / 2, 0.45, 0.45, maxZ - minZ + 1, LT.FENCE, true, 'fence_rail_top');
                addSceneBox(x1, 0.8, (minZ + maxZ) / 2, 0.45, 0.45, maxZ - minZ + 1, LT.FENCE, true, 'fence_rail_low');
            }
        }

        function createForegroundCrateStack() {
            createWoodenCrateCover(-42, 0, 20, 1.0, 6.2);
            createWoodenCrateCover(-34, 0, 20, 1.0, 6.2);
            createWoodenCrateCover(-38, 0, 13, 1.0, 6.2);
            createWoodenCrateCover(-38, 6.2, 20, 0.9, 5.7);
            createWoodenCrateCover(-50, 0, 12, 0.8, 4.8);
            addSceneBox(-38, 6.3, 16.5, 20, 0.45, 13, LT.TREE_TRUNK, true, 'crate_stack_cap');
        }

        function createWoodenCrateCover(x, y, z, scale, size) {
            scale = scale || 1;
            size = size || 4.0;
            var g = new THREE.Group();
            g.position.set(x, y, z);
            scene.add(g);
            var s = size * scale;
            addGroupBox(g, 'crate_box', 0, s / 2, 0, s, s, s, LT.WOOD_DARK, true, 0.9);
            addGroupBox(g, 'crate_front_panel', 0, s / 2, s / 2 + 0.08, s * 0.92, s * 0.86, 0.16, LT.TREE_TRUNK, false, 0.9);
            addGroupBox(g, 'crate_top_slat', 0, s + 0.12, 0, s * 1.03, 0.24, s * 1.03, LT.TREE_TRUNK, false, 0.9);
            addGroupBox(g, 'crate_cross_a', -s * 0.20, s / 2, s / 2 + 0.18, s * 0.12, s * 1.05, 0.16, LT.WOOD, false, 0.9).rotation.z = Math.PI / 4;
            addGroupBox(g, 'crate_cross_b', s * 0.20, s / 2, s / 2 + 0.19, s * 0.12, s * 1.05, 0.16, LT.WOOD, false, 0.9).rotation.z = -Math.PI / 4;
        }

        function createTrafficCones() {
            var coneSpots = [[-2, -25], [42, -18], [50, -2], [13, 35], [31, 45], [-30, -42]];
            for (var i = 0; i < coneSpots.length; i++) {
                var x = coneSpots[i][0], z = coneSpots[i][1];
                addSceneCylinder(x, 1.0, z, 0.35, 1.0, 2.0, LT.PINK, true, 'traffic_cone', 4);
                addSceneBox(x, 1.25, z, 1.4, 0.25, 1.4, LT.WHITE, false, 'cone_stripe');
            }
        }

        function createReferenceSideProps() {
            // Background buildings and small structures visible down the road.
            addSceneBox(-23, 2.4, -66, 18, 4.8, 16, LT.BLUE_TRIM, true, 'far_white_building_left');
            addSceneBox(18, 2.2, -68, 17, 4.4, 14, LT.FENCE, true, 'far_yellow_block');
            addSceneBox(47, 2.7, -65, 12, 5.4, 18, LT.PINK, true, 'far_pink_motel');
            addSceneBox(-97, 2.0, 43, 18, 4.0, 16, LT.PINK, true, 'left_back_building');
            addSceneBox(96, 2.1, 50, 22, 4.2, 18, LT.FENCE, true, 'right_tan_building');
            addSceneBox(96, 4.6, 50, 24, 0.8, 20, LT.METAL_DARK, true, 'right_tan_roof');
            addSceneBox(76, 0.3, -8, 16, 0.6, 5, LT.TREE_TRUNK, true, 'wood_plank_stack');
            addSceneBox(78, 0.8, -10, 14, 0.4, 4, LT.WOOD_DARK, true, 'wood_plank_stack_2');
            addSceneBox(80, 1.3, -12, 12, 0.4, 3, LT.WOOD, true, 'wood_plank_stack_3');
            addSceneBox(-105, 0.4, -5, 18, 0.8, 5, LT.ROAD, true, 'left_low_concrete_slab');
        }

        function distributeEnvironmentProps() {
            // Low-poly grass clusters from the screenshot foreground and roadside.
            var grass = [
                [-111, 17], [-104, 16], [-98, 25], [-91, 32], [-87, 20], [-75, 31], [-66, 37], [-54, 32],
                [66, 20], [74, 24], [82, 24], [93, 19], [104, 18], [112, 28], [117, 34],
                [-118, -40], [-106, -46], [-94, -53], [-76, -62], [74, -58], [91, -56], [108, -50], [118, -40]
            ];
            for (var i = 0; i < grass.length; i++) createGrassClump(grass[i][0], grass[i][1], i);

            // Rock slabs and curb chips like the angular debris in the screenshot foreground.
            createBoulderCover(-116, 50, 7, 10, 2.0, 7);
            createBoulderCover(88, 46, 9, 12, 1.8, 8);
            createBoulderCover(-18, 54, 4, 6, 0.8, 3);
            createBoulderCover(20, 58, 5, 7, 0.8, 3);

            // Extra small crates for tactical cover.
            createWoodenCrateCover(-66, 0, 12, 0.75, 4.2);
            createWoodenCrateCover(68, 0, 24, 0.75, 4.2);
            createWoodenCrateCover(93, 0, 38, 0.7, 4.0);
            createWoodenCrateCover(-16, 0, -49, 0.7, 4.0);
        }

        function createGrassClump(x, z, seed) {
            var offsets = [[0,0], [1.2,0.6], [-1.0,0.8], [0.5,-0.9]];
            for (var i = 0; i < offsets.length; i++) {
                var blade = addSceneBox(x + offsets[i][0], 0.9 + (i % 2) * 0.25, z + offsets[i][1], 0.5, 1.8 + (i % 2) * 0.5, 0.32, (i + seed) % 2 ? LT.HEDGE : LT.LAWN_DARK, false, 'grass_blade');
                blade.rotation.y = ((seed + i) % 5) * 0.35;
            }
        }

        function createBoulderCover(x, z, w, d, h, offset) {
            addSceneBox(x, h / 2, z, w, h, d, LT.STONE_DARK, true, 'low_poly_stone');
            addSceneBox(x + (offset || 1), h + 0.45, z - 0.6, w * 0.55, 0.9, d * 0.45, LT.STONE, true, 'stone_highlight');
        }

        function createConiferCover(x, y, z) {
            addSceneCylinder(x, y + 2.0, z, 0.45, 0.6, 4.0, LT.TREE_TRUNK, true, 'tree_trunk');
            addSceneBox(x, y + 4.6, z, 6.5, 3.2, 6.5, LT.HEDGE, true, 'tree_leaves_lower');
            addSceneBox(x, y + 6.7, z, 4.6, 2.6, 4.6, LT.HEDGE, false, 'tree_leaves_upper');
        }

        function createDirtPathway(x, z) {
            // Compatibility stub retained for older code paths.
            addSceneBox(x, 0.12, z, 24, 0.08, 7, LT.CONCRETE, false, 'reference_walkway');
        }

        function findSafeHouseSpot(targetX, lineZ) {
            return { x: targetX, z: lineZ, y: 0, score: 0 };
        }

        function createHouseFoundationPad(x, y, z) {
            addSceneBox(x, y + 0.04, z, 34, 0.12, 30, LT.CONCRETE, false, 'house_foundation');
        }

        function createLinearHouseVillage() {
            // Compatibility stub retained; the uploaded-reference layout is built directly in buildCartoonFortniteMap().
        }

        function createDetailedStealthHouse(hx, hz, rotY) {
            // Compatibility stub for older calls.
            createDirtPathway(hx, hz);
        }

        function createGarage(x, z, color, rotY) {
            var g = new THREE.Group();
            g.position.set(x, 0, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'garage_body', 0, 2.1, 0, 18, 4.2, 16, color || LT.BLUE_HOUSE, true, 0.76);
            addGroupBox(g, 'garage_door', 0, 1.8, 8.2, 12, 3.6, 0.6, LT.GARAGE_DOOR, true, 0.72);
            addGroupBox(g, 'garage_roof', 0, 4.7, 0, 20, 1.0, 18, LT.ROOF_GRAY, true, 0.65);
        }

        function createShed(x, z, color, rotY) {
            var g = new THREE.Group();
            g.position.set(x, 0, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'shed_body', 0, 1.7, 0, 13, 3.4, 10, color || LT.TEAL, true, 0.76);
            addGroupBox(g, 'shed_roof', 0, 3.75, 0, 15, 0.8, 12, LT.ROOF_GRAY, true, 0.65);
        }

        function createBackyard(x, z, team) {
            addSceneBox(x, 0.11, z, 42, 0.08, 30, LT.LAWN_DARK, false, team + '_backyard_lawn');
            addSceneBox(x - 22, 1.6, z, 1.0, 3.2, 35, LT.FENCE, true, team + '_yard_fence');
            addSceneBox(x + 22, 1.6, z, 1.0, 3.2, 35, LT.FENCE, true, team + '_yard_fence');
            addSceneBox(x, 1.6, z - 18, 45, 3.2, 1.0, LT.FENCE, true, team + '_yard_fence');
            addSceneBox(x, 1.6, z + 18, 45, 3.2, 1.0, LT.FENCE, true, team + '_yard_fence');
        }

        function createBus(x, y, z, rotY) {
            var g = new THREE.Group();
            g.position.set(x, y, z);
            g.rotation.y = rotY || 0;
            scene.add(g);
            addGroupBox(g, 'yellow_bus_body', 0, 2.6, 0, 13, 5.2, 33, LT.SCHOOL_BUS, true, 0.62);
            addGroupBox(g, 'bus_roof', 0, 5.5, 0, 12, 1.0, 31, LT.SCHOOL_BUS_DARK, true, 0.66);
            addGroupBox(g, 'bus_windows_left', -6.55, 3.8, 0, 0.18, 1.5, 24, LT.GLASS, false, 0.16);
            addGroupBox(g, 'bus_windows_right', 6.55, 3.8, 0, 0.18, 1.5, 24, LT.GLASS, false, 0.16);
            addGroupBox(g, 'bus_front_window', 0, 3.8, -16.6, 8, 1.5, 0.18, LT.GLASS, false, 0.16);
            addGroupBox(g, 'bus_wheel_1', -6.7, 0.9, -10, 1.3, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'bus_wheel_2', -6.7, 0.9, 10, 1.3, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'bus_wheel_3', 6.7, 0.9, -10, 1.3, 1.8, 3.2, LT.TIRE, true, 0.7);
            addGroupBox(g, 'bus_wheel_4', 6.7, 0.9, 10, 1.3, 1.8, 3.2, LT.TIRE, true, 0.7);
        }

        function createLaneCovers() {
            createForegroundCrateStack();
            createReferenceSideProps();
        }

        function createLittletownLandmarks() {
            createReferenceBillboard();
            createHotelSign();
        }

        // --- WEAPON MODELS FOR FPV & TPV ---
        function makeGunMaterial(color, roughness, metalness, emissive) {
            var mat = new THREE.MeshStandardMaterial({
                color: color,
                roughness: roughness === undefined ? 0.56 : roughness,
                metalness: metalness || 0
            });
            if (emissive) {
                mat.emissive = new THREE.Color(emissive);
                mat.emissiveIntensity = 0.6;
            }
            // Enabled depth testing so parts of the same weapon correctly occlude each other
            mat.depthTest = true;
            mat.depthWrite = true;
            return mat;
        }

        function addGunBox(group, name, x, y, z, w, h, d, color, roughness, metalness, rotX) {
            var mesh = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), makeGunMaterial(color, roughness, metalness));
            mesh.name = name;
            mesh.position.set(x, y, z);
            mesh.rotation.x = rotX || 0;
            mesh.castShadow = true;
            mesh.renderOrder = 1000;
            mesh.frustumCulled = false;
            group.add(mesh);
            return mesh;
        }

        function addGunCylinder(group, name, x, y, z, radius, depth, color, roughness, metalness) {
            var mesh = new THREE.Mesh(new THREE.CylinderGeometry(radius, radius, depth, 12), makeGunMaterial(color, roughness, metalness));
            mesh.name = name;
            mesh.rotation.x = Math.PI / 2;
            mesh.position.set(x, y, z);
            mesh.castShadow = true;
            mesh.renderOrder = 1000;
            mesh.frustumCulled = false;
            group.add(mesh);
            return mesh;
        }

        function buildFpvViewmodel() {
            fpvGunGroup = new THREE.Group();

            // 1. Assault Rifle (SCAR)
            var rifle = new THREE.Group();
            rifle.name = "rifle";
            rifle.visible = true; // Set active on load
            addGunBox(rifle, 'rifle_receiver', 0, 0, -0.03, 0.055, 0.07, 0.34, 0xd3a068, 0.48, 0.08);
            addGunBox(rifle, 'rifle_top_rail', 0, 0.049, -0.05, 0.064, 0.012, 0.28, 0x212123, 0.64, 0.2);
            addGunBox(rifle, 'rifle_magazine', 0, -0.065, 0.02, 0.045, 0.105, 0.07, 0x45444f, 0.72, 0.12, -0.18);
            addGunBox(rifle, 'rifle_stock', 0, -0.005, 0.19, 0.06, 0.048, 0.16, 0x4b4158, 0.82, 0.02);
            addGunBox(rifle, 'rifle_foregrip', 0, -0.07, -0.2, 0.032, 0.11, 0.035, 0x212123, 0.8, 0.08, -0.12);
            addGunCylinder(rifle, 'rifle_barrel', 0, 0.012, -0.31, 0.009, 0.28, 0x212123, 0.42, 0.8);
            addGunCylinder(rifle, 'rifle_muzzle_brake', 0, 0.012, -0.46, 0.013, 0.045, 0x212123, 0.34, 0.85);

            // 2. Shotgun (Pump Action)
            var shotgun = new THREE.Group();
            shotgun.name = "shotgun";
            shotgun.visible = false; // Hide on load
            addGunBox(shotgun, 'shotgun_receiver', 0, 0, -0.02, 0.058, 0.074, 0.39, 0x45444f, 0.62, 0.18);
            addGunBox(shotgun, 'shotgun_pump', 0, -0.035, -0.16, 0.067, 0.054, 0.18, 0x212123, 0.9, 0.02);
            addGunBox(shotgun, 'shotgun_stock', 0, -0.01, 0.23, 0.066, 0.055, 0.18, 0x80493a, 0.86, 0.0);
            addGunCylinder(shotgun, 'shotgun_upper_barrel', -0.012, 0.019, -0.34, 0.011, 0.34, 0x212123, 0.42, 0.9);
            addGunCylinder(shotgun, 'shotgun_lower_tube', 0.012, -0.008, -0.32, 0.010, 0.31, 0x352b42, 0.5, 0.75);
            addGunBox(shotgun, 'shotgun_bead_sight', 0, 0.056, -0.42, 0.018, 0.014, 0.018, 0xede19e, 0.3, 0.3);

            // 3. Pistol
            var pistol = new THREE.Group();
            pistol.name = "pistol";
            pistol.visible = false; // Hide on load
            addGunBox(pistol, 'pistol_slide', 0, 0.01, -0.04, 0.044, 0.055, 0.19, 0x45444f, 0.38, 0.72);
            addGunBox(pistol, 'pistol_frame', 0, -0.028, -0.02, 0.04, 0.036, 0.13, 0x212123, 0.74, 0.18);
            addGunBox(pistol, 'pistol_grip', 0, -0.076, 0.04, 0.036, 0.092, 0.052, 0x212123, 0.95, 0.02, -Math.PI / 10);
            addGunCylinder(pistol, 'pistol_barrel', 0, 0.014, -0.16, 0.008, 0.09, 0x212123, 0.35, 0.85);
            addGunBox(pistol, 'pistol_front_sight', 0, 0.047, -0.13, 0.018, 0.012, 0.018, 0xede19e, 0.4, 0.15);

            // 4. Sniper Rifle (AWP)
            var sniper = new THREE.Group();
            sniper.name = "sniper";
            sniper.visible = false; // Hide on load
            addGunBox(sniper, 'sniper_body', 0, 0, -0.05, 0.046, 0.074, 0.46, 0xd3a068, 0.56, 0.1);
            addGunBox(sniper, 'sniper_stock', 0, -0.006, 0.25, 0.058, 0.052, 0.2, 0x80493a, 0.84, 0.02);
            addGunBox(sniper, 'sniper_bolt', 0.04, 0.018, -0.02, 0.018, 0.018, 0.09, 0xb8b5b9, 0.28, 0.85);
            addGunBox(sniper, 'sniper_bipod_folded_l', -0.032, -0.058, -0.28, 0.012, 0.11, 0.012, 0x212123, 0.5, 0.55, 0.26);
            addGunBox(sniper, 'sniper_bipod_folded_r', 0.032, -0.058, -0.28, 0.012, 0.11, 0.012, 0x212123, 0.5, 0.55, -0.26);
            addGunCylinder(sniper, 'sniper_barrel', 0, 0.01, -0.47, 0.008, 0.54, 0x212123, 0.34, 0.9);
            addGunCylinder(sniper, 'sniper_suppressor', 0, 0.01, -0.76, 0.014, 0.14, 0x352b42, 0.42, 0.82);
            addGunCylinder(sniper, 'sniper_scope_main', 0, 0.057, -0.08, 0.016, 0.22, 0x212123, 0.42, 0.6);
            addGunCylinder(sniper, 'sniper_scope_front_glass', 0, 0.057, -0.205, 0.021, 0.036, 0x68c2d3, 0.18, 0.8);
            addGunCylinder(sniper, 'sniper_scope_rear_glass', 0, 0.057, 0.035, 0.019, 0.032, 0xa2dcc7, 0.18, 0.8);
            addGunBox(sniper, 'sniper_scope_mount', 0, 0.032, -0.08, 0.036, 0.03, 0.09, 0x212123, 0.64, 0.25);

            fpvGunGroup.add(rifle, shotgun, pistol, sniper);
            addGunBox(fpvGunGroup, 'left_glove', -0.072, -0.055, -0.20, .075, .075, .16, 0x252b26, .92, .02, -.28);
            addGunBox(fpvGunGroup, 'right_glove', 0.072, -0.065, 0.02, .075, .075, .15, 0x252b26, .92, .02, .22);
            addGunBox(fpvGunGroup, 'left_forearm', -0.085, -0.11, -0.10, .08, .11, .22, 0xb45252, .82, 0, -.42);
            addGunBox(fpvGunGroup, 'right_forearm', 0.09, -0.12, 0.10, .08, .11, .22, 0xb45252, .82, 0, .30);
            
            // Scaled down 4x to match the 4x smaller player height
            fpvGunGroup.position.set(0.045, -0.0375, -0.0875);
            fpvGunGroup.scale.setScalar(0.25); 

            // Force viewmodel to draw on top of world boundaries, while keeping self-occlusion intact
            fpvGunGroup.renderOrder = 1000;
            fpvGunGroup.onBeforeRender = function(renderer) {
                renderer.clearDepth();
            };

            camera.add(fpvGunGroup);
        }

        function createSoldierModel(uniformColor) {
            var group = new THREE.Group();
            var uniform = new THREE.MeshStandardMaterial({ color: uniformColor, roughness: .72 });
            var dark = new THREE.MeshStandardMaterial({ color: 0x20252a, roughness: .68, metalness: .12 });
            var vest = new THREE.MeshStandardMaterial({ color: 0x3c4a3d, roughness: .9 });
            var skin = new THREE.MeshStandardMaterial({ color: 0xd9aa83, roughness: .82 });
            function part(name, geometry, material, x, y, z) {
                var mesh = new THREE.Mesh(geometry, material); mesh.name = name; mesh.position.set(x,y,z); mesh.castShadow = true; group.add(mesh); return mesh;
            }
            part('hips', new THREE.BoxGeometry(.48,.22,.30), uniform, 0,.43,0);
            part('torso', new THREE.BoxGeometry(.58,.66,.34), uniform, 0,.82,0);
            part('vest', new THREE.BoxGeometry(.62,.46,.40), vest, 0,.83,-.025);
            part('backpack', new THREE.BoxGeometry(.42,.48,.18), dark, 0,.82,.25);
            part('head', new THREE.SphereGeometry(.205,10,8), skin, 0,1.35,0);
            part('helmet', new THREE.SphereGeometry(.225,10,5,0,Math.PI*2,0,Math.PI*.56), dark, 0,1.40,0);
            var leftLeg=part('leftLeg',new THREE.BoxGeometry(.18,.48,.20),uniform,-.15,.22,0);
            var rightLeg=part('rightLeg',new THREE.BoxGeometry(.18,.48,.20),uniform,.15,.22,0);
            part('leftBoot',new THREE.BoxGeometry(.20,.14,.30),dark,-.15,.02,-.05);
            part('rightBoot',new THREE.BoxGeometry(.20,.14,.30),dark,.15,.02,-.05);
            var leftArm=part('leftArm',new THREE.BoxGeometry(.16,.18,.54),uniform,-.28,.80,-.30);
            var rightArm=part('rightArm',new THREE.BoxGeometry(.16,.18,.54),uniform,.28,.80,-.30);
            part('leftHand',new THREE.BoxGeometry(.17,.16,.18),skin,-.20,.72,-.56);
            part('rightHand',new THREE.BoxGeometry(.17,.16,.18),skin,.20,.72,-.56);
            part('heldGun',new THREE.BoxGeometry(.18,.16,.72),dark,0,.73,-.56);
            part('heldBarrel',new THREE.CylinderGeometry(.035,.035,.46,8),dark,0,.75,-1.12).rotation.x=Math.PI/2;
            part('heldMagazine',new THREE.BoxGeometry(.12,.25,.15),dark,0,.56,-.48).rotation.x=-.18;
            group.userData.leftLeg=leftLeg; group.userData.rightLeg=rightLeg; group.userData.leftArm=leftArm; group.userData.rightArm=rightArm;
            group.scale.setScalar(PLAYER_MODEL_SCALE);
            return group;
        }

        function buildTpvPlayerModel() {
            tpvPlayerModel = createSoldierModel(0xb45252);
            tpvPlayerModel.visible = false;
            scene.add(tpvPlayerModel);
        }

        function createNetworkModelInstance() {
            var group = createSoldierModel(0x4b80ca);
            scene.add(group);
            return group;
        }

        function disposeObjectTree(root) {
            var geometries = new Set();
            var materials = new Set();
            root.traverse(function(node) {
                if (node.geometry) geometries.add(node.geometry);
                if (Array.isArray(node.material)) node.material.forEach(function(material) { materials.add(material); });
                else if (node.material) materials.add(node.material);
            });
            geometries.forEach(function(geometry) { geometry.dispose(); });
            materials.forEach(function(material) { material.dispose(); });
            if (root.parent) root.parent.remove(root);
        }

        function spawnPlayerOnIsland() {
            var spot = getJoinSpawnPlace() || findBestShipyardSpawn();
            player.position.set(spot.x, spot.y, spot.z);
            player.velocity.set(0,0,0);
        }

        function getJoinSpawnPlace() {
            if (!JOIN_SPAWN_PLACES.length) return null;
            var index = Math.floor(Math.random() * JOIN_SPAWN_PLACES.length);
            var place = JOIN_SPAWN_PLACES[index];
            // Legacy spawn coordinates are still useful, but their shipyard Y values are not.
            var y = shipyardMapReady ? getTerrainHeight(place.x, place.z) :
                (place.y === undefined ? getTerrainHeight(place.x, place.z) : place.y);
            return new THREE.Vector3(place.x, y + 0.08, place.z);
        }

        function formatLocationCode(prefix) {
            var x = player.position.x.toFixed(2);
            var y = player.position.y.toFixed(2);
            var z = player.position.z.toFixed(2);
            return (prefix || 'PLACE') + ' = ' + x + ',' + y + ',' + z;
        }

        function markCurrentLocation() {
            var code = formatLocationCode('PLACE');
            console.log('Spawn location code:', code);
            displayRoundBanner(code);
            if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(code).catch(function() {});
            }
        }

        function findBestShipyardSpawn() {
            var best = null;
            var bestScore = -Infinity;
            var attempts = shipyardMapReady ? 180 : 80;

            for (var i = 0; i < attempts; i++) {
                var tx = (Math.random() - 0.5) * shipyardSpawnRadius.x * 2;
                var tz = (Math.random() - 0.5) * shipyardSpawnRadius.z * 2;
                var ty = getTerrainHeight(tx, tz);
                var pos = new THREE.Vector3(tx, ty + 0.08, tz);
                if (ty < shipyardMapBounds.min.y - 0.1 || checkCollision(pos)) continue;

                var centerBias = 1 - Math.min(1, Math.sqrt(tx * tx + tz * tz) / Math.max(shipyardSpawnRadius.x, shipyardSpawnRadius.z));
                var heightBias = THREE.MathUtils.clamp((ty - shipyardMapBounds.min.y) / Math.max(1, shipyardMapBounds.max.y - shipyardMapBounds.min.y), 0, 1);
                var score = centerBias * 2 + heightBias + Math.random() * 0.35;

                if (score > bestScore) {
                    bestScore = score;
                    best = pos;
                }
            }

            if (best) return best;
            var fallbackY = getTerrainHeight(0, 0);
            return new THREE.Vector3(0, fallbackY + 0.08, 0);
        }

        // --- CONTROLS SETUP ---
        function isGameplayInputActive() {
            return isDeployed && (controls.isLocked || gamepadState.gameplayActive);
        }

        function updateControllerStatus(textKey, className) {
            var el = document.getElementById('controller-status');
            if (!el) return;
            var text = t(textKey);
            if (gamepadState.lastStatusText !== text) {
                gamepadState.lastStatusText = text;
                el.textContent = text.toUpperCase();
            }
            el.classList.toggle('connected', className === 'connected' || className === 'playing');
            el.classList.toggle('playing', className === 'playing');
        }

        function updatePlayerNameFromInput() {
            var inputEl = document.getElementById('username-input');
            if (inputEl) {
                var inputVal = inputEl.value.trim();
                if (inputVal.length > 0) {
                    myName = inputVal;
                    localStorage.setItem('standoff_alias', myName);
                }
            }
            localPlayerState.name = myName;
        }

        function showGameplayOverlayActive() {
            var blocker = document.getElementById('blocker');
            document.body.classList.add('game-active');
            document.body.classList.remove('menu-open');
            blocker.style.opacity = '0';
            setTimeout(function() {
                if (isDeployed) blocker.style.display = 'none';
            }, 300);
        }

        function showMainMenuOverlay() {
            var blocker = document.getElementById('blocker');
            document.body.classList.remove('game-active');
            document.body.classList.add('menu-open');
            blocker.style.display = 'flex';
            setTimeout(function() { blocker.style.opacity = '1'; }, 10);
        }

        function startGameplaySession(controllerMode) {
            updatePlayerNameFromInput();
            gamepadState.gameplayActive = gamepadState.gameplayActive || !!controllerMode;
            if (!isDeployed) {
                isDeployed = true;
                spawnPlayerOnIsland();
                startNetworking();
            }
            if (gamepadState.gameplayActive) updateControllerStatus('controllerPlaying', 'playing');
            showGameplayOverlayActive();
        }

        function exitGameplaySession() {
            resetInputState();
            gamepadState.gameplayActive = false;
            if (isDeployed) {
                isDeployed = false;
                stopNetworking();
            }
            setAimState(false);
            showMainMenuOverlay();
            updateControllerStatus(gamepadState.index === null ? 'controllerDisconnected' : 'controllerConnected', gamepadState.index === null ? 'disconnected' : 'connected');
        }

        function requestGameplayStart(controllerMode) {
            updatePlayerNameFromInput();
            if (controllerMode) {
                startGameplaySession(true);
                return;
            }
            if (controls && controls.lock) {
                try { controls.lock(); } catch (err) {}
                setTimeout(function() {
                    if (!isDeployed && !controls.isLocked) startGameplaySession(false);
                }, 120);
            } else {
                startGameplaySession(false);
            }
        }

        function respawnLocalPlayer() {
            localPlayerState.resetHealth = true;
            player.health = 100;
            localPlayerState.health = 100;
            weaponState.rifle.ammo = WEAPONS_DATA.rifle.ammoMax;
            weaponState.rifle.reserve = WEAPONS_DATA.rifle.reserveMax;
            weaponState.shotgun.ammo = WEAPONS_DATA.shotgun.ammoMax;
            weaponState.shotgun.reserve = WEAPONS_DATA.shotgun.reserveMax;
            weaponState.pistol.ammo = WEAPONS_DATA.pistol.ammoMax;
            weaponState.pistol.reserve = WEAPONS_DATA.pistol.reserveMax;
            weaponState.sniper.ammo = WEAPONS_DATA.sniper.ammoMax;
            weaponState.sniper.reserve = WEAPONS_DATA.sniper.reserveMax;
            cancelReload();
            updateHUD();
        }

        function resetInputState() {
            moveForward = moveBackward = moveLeft = moveRight = false;
            keyboardSprintHeld = gamepadSprintHeld = false;
            mouseAimHeld = gamepadAimHeld = false;
            mouseFireHeld = gamepadFireHeld = false;
            gamepadCrouchHeld = false;
            isMouseDown = false;
            gamepadState.moveX = gamepadState.moveY = 0;
            gamepadState.lookX = gamepadState.lookY = 0;
            setSprintState(false);
            setAimState(false);
            player.velocity.x = 0;
            player.velocity.z = 0;
        }

        function setSittingState(value) {
            isSitting = !!value;
            player.isSitting = isSitting;
            player.height = isSitting ? player.sitHeight : player.standHeight;
            localPlayerState.isSitting = isSitting;
            if (isSitting) {
                keyboardSprintHeld = false;
                gamepadSprintHeld = false;
            }
            syncSprintState();
        }

        function setSprintState(value) {
            isSprinting = !!value && !isSitting;
            var crosshair = document.getElementById('crosshair');
            if (crosshair) crosshair.classList.toggle('sprinting', isSprinting);
        }

        function syncSprintState() {
            setSprintState((keyboardSprintHeld || gamepadSprintHeld) && !isSitting);
        }

        function setAimState(value) {
            var active = !!value && isDeployed && player.health > 0;
            if (isAiming === active && ((currentWeaponType === 'sniper' && isScoped === active) || currentWeaponType !== 'sniper')) return;

            isAiming = active;
            isScoped = active && currentWeaponType === 'sniper';

            var crosshair = document.getElementById('crosshair');
            var scope = document.getElementById('scope-overlay');
            if (crosshair) crosshair.classList.toggle('aiming', isAiming);
            if (scope) scope.classList.toggle('active', isScoped);
            if (fpvGunGroup) fpvGunGroup.visible = !isThirdPerson && !isScoped;
            if (camera) {
                camera.fov = isScoped ? 10 : 65;
                camera.updateProjectionMatrix();
            }
        }

        function syncAimState() {
            setAimState(mouseAimHeld || gamepadAimHeld);
        }

        function syncFireState() {
            var wasFiring = isMouseDown;
            isMouseDown = (mouseFireHeld || gamepadFireHeld) && isGameplayInputActive();
            if (!wasFiring && isMouseDown) handleShootingTrigger();
        }

        function tryJump() {
            if (!isDeployed || isSitting || !player.isGrounded || player.health <= 0) return;
            player.velocity.y = 2.55;
            player.isGrounded = false;
            playSynthSound('jump');
        }

        function cycleWeapon(direction) {
            var order = ['rifle', 'shotgun', 'pistol', 'sniper'];
            var currentIndex = order.indexOf(currentWeaponType);
            if (currentIndex < 0) currentIndex = 0;
            var nextIndex = (currentIndex + direction + order.length) % order.length;
            switchWeapon(order[nextIndex]);
        }

        function setupControls() {
            var onKeyDown = function(e) {
                if (!isDeployed) return;

                var handled = true;
                switch (e.code) {
                    case 'KeyW':
                    case 'ArrowUp': moveForward = true; break;
                    case 'KeyS':
                    case 'ArrowDown': moveBackward = true; break;
                    case 'KeyA':
                    case 'ArrowLeft': moveLeft = true; break;
                    case 'KeyD':
                    case 'ArrowRight': moveRight = true; break;
                    case 'ShiftLeft':
                    case 'ShiftRight':
                        keyboardSprintHeld = true;
                        syncSprintState();
                        break;
                    case 'Space':
                        tryJump();
                        break;
                    case 'ControlLeft':
                    case 'ControlRight':
                        setSittingState(true);
                        break;
                    case 'KeyC':
                        setSittingState(!isSitting);
                        break;
                    case 'KeyV':
                        isThirdPerson = !isThirdPerson;
                        updateViewMode();
                        break;
                    case 'KeyP':
                        markCurrentLocation();
                        break;
                    case 'KeyR': reload(); break;
                    case 'Digit1': switchWeapon('rifle'); break;
                    case 'Digit2': switchWeapon('shotgun'); break;
                    case 'Digit3': switchWeapon('pistol'); break;
                    case 'Digit4': switchWeapon('sniper'); break;
                    default: handled = false;
                }
                if (handled) e.preventDefault();
            };

            var onKeyUp = function(e) {
                switch (e.code) {
                    case 'KeyW':
                    case 'ArrowUp': moveForward = false; break;
                    case 'KeyS':
                    case 'ArrowDown': moveBackward = false; break;
                    case 'KeyA':
                    case 'ArrowLeft': moveLeft = false; break;
                    case 'KeyD':
                    case 'ArrowRight': moveRight = false; break;
                    case 'ShiftLeft':
                    case 'ShiftRight':
                        keyboardSprintHeld = false;
                        syncSprintState();
                        break;
                    case 'ControlLeft':
                    case 'ControlRight':
                        setSittingState(false);
                        break;
                }
            };

            document.addEventListener('keydown', onKeyDown);
            document.addEventListener('keyup', onKeyUp);
            window.addEventListener('blur', resetInputState);
            document.addEventListener('visibilitychange', function() { if (document.hidden) resetInputState(); });

            // Right click / Aim stance support (Snipe Mode)
            window.addEventListener('mousedown', function(e) {
                if (!isGameplayInputActive()) return;
                if (e.button === 0) {
                    mouseFireHeld = true;
                    syncFireState();
                } else if (e.button === 2) {
                    mouseAimHeld = true;
                    syncAimState();
                }
            });

            window.addEventListener('mouseup', function(e) {
                if (e.button === 0) {
                    mouseFireHeld = false;
                    syncFireState();
                } else if (e.button === 2) {
                    mouseAimHeld = false;
                    syncAimState();
                }
            });

            window.addEventListener('contextmenu', function(e) { e.preventDefault(); });
        }

        function setupGamepadControls() {
            if (!gamepadState.supported) {
                updateControllerStatus('controllerDisconnected', 'disconnected');
                return;
            }

            window.addEventListener('gamepadconnected', function(e) {
                gamepadState.index = e.gamepad.index;
                gamepadState.id = e.gamepad.id || 'Gamepad';
                gamepadState.previousButtons = [];
                updateControllerStatus('controllerConnected', 'connected');
                displayRoundBanner('CONTROLLER CONNECTED');
            });

            window.addEventListener('gamepaddisconnected', function(e) {
                if (gamepadState.index === e.gamepad.index) {
                    gamepadState.index = null;
                    gamepadState.id = '';
                    gamepadState.previousButtons = [];
                    gamepadState.gameplayActive = false;
                    gamepadFireHeld = false;
                    gamepadAimHeld = false;
                    gamepadSprintHeld = false;
                    syncFireState();
                    syncAimState();
                    syncSprintState();
                    updateControllerStatus('controllerDisconnected', 'disconnected');
                }
            });

            scanForGamepad();
            updateControllerStatus(gamepadState.index === null ? 'controllerDisconnected' : 'controllerConnected', gamepadState.index === null ? 'disconnected' : 'connected');
        }

        function scanForGamepad() {
            if (!gamepadState.supported) return null;
            var pads = navigator.getGamepads ? navigator.getGamepads() : [];
            var preferred = null;
            var fallback = null;

            for (var i = 0; i < pads.length; i++) {
                var gp = pads[i];
                if (!gp || !gp.connected) continue;
                fallback = fallback || gp;
                var id = (gp.id || '').toLowerCase();
                if (id.indexOf('dualshock') !== -1 || id.indexOf('dualsense') !== -1 || id.indexOf('wireless controller') !== -1 || id.indexOf('playstation') !== -1) {
                    preferred = gp;
                    break;
                }
            }

            var chosen = preferred || fallback;
            if (chosen) {
                gamepadState.index = chosen.index;
                gamepadState.id = chosen.id || 'Gamepad';
                return chosen;
            }
            return null;
        }

        function getActiveGamepad() {
            if (!gamepadState.supported) return null;
            var pads = navigator.getGamepads ? navigator.getGamepads() : [];
            var gp = gamepadState.index !== null ? pads[gamepadState.index] : null;
            if (gp && gp.connected) return gp;
            return scanForGamepad();
        }

        function getGamepadButtonValue(gp, index) {
            var button = gp && gp.buttons ? gp.buttons[index] : null;
            if (!button) return 0;
            return typeof button === 'number' ? button : Math.max(button.value || 0, button.pressed ? 1 : 0);
        }

        function readStick(gp, axisX, axisY, deadzone) {
            var x = gp.axes[axisX] || 0;
            var y = gp.axes[axisY] || 0;
            var magnitude = Math.sqrt(x * x + y * y);
            if (magnitude < deadzone) return { x: 0, y: 0, magnitude: 0 };
            var normalized = Math.min(1, (magnitude - deadzone) / (1 - deadzone));
            return {
                x: (x / magnitude) * normalized,
                y: (y / magnitude) * normalized,
                magnitude: normalized
            };
        }

        function curveGamepadLook(value) {
            var sign = value < 0 ? -1 : 1;
            return sign * Math.pow(Math.abs(value), 1.55);
        }

        function applyGamepadLook(delta) {
            if (!isDeployed || !controls || !camera) return;

            const lookSpeed = isAiming ? 1.35 : 2.25;

            // Horizontal look
            controls.getObject().rotation.y -= gamepadState.lookX * lookSpeed * delta;

            // Vertical look
            camera.rotation.x -= gamepadState.lookY * lookSpeed * delta;

            // Stop camera from flipping upside down
            camera.rotation.x = Math.max(
                -Math.PI / 2,
                Math.min(Math.PI / 2, camera.rotation.x)
            );
        }

        function handleGamepadMenuButton(buttonPressed) {
            if (!buttonPressed) return;
            if (isDeployed) {
                exitGameplaySession();
                return;
            }
            var redeploy = document.getElementById('redeploy-btn');
            if (redeploy) {
                respawnLocalPlayer();
                startGameplaySession(true);
            } else {
                requestGameplayStart(true);
            }
        }

        function updateGamepadInput(delta) {
            var gp = getActiveGamepad();
            if (!gp) {
                if (gamepadState.index !== null) {
                    gamepadState.index = null;
                    gamepadState.id = '';
                    gamepadState.previousButtons = [];
                    updateControllerStatus('controllerDisconnected', 'disconnected');
                }
                return;
            }

            if (gamepadState.lastStatusText === '' || !document.getElementById('controller-status').classList.contains('connected')) {
                updateControllerStatus(gamepadState.gameplayActive ? 'controllerPlaying' : 'controllerConnected', gamepadState.gameplayActive ? 'playing' : 'connected');
            }

            var buttons = [];
            var maxButtons = Math.max(gp.buttons ? gp.buttons.length : 0, 18);
            for (var i = 0; i < maxButtons; i++) buttons[i] = getGamepadButtonValue(gp, i) > 0.45;
            var pressed = function(index) { return buttons[index] && !gamepadState.previousButtons[index]; };

            var leftStick = readStick(gp, 0, 1, 0.16);
            var rightStick = readStick(gp, 2, 3, 0.13);
            gamepadState.moveX = leftStick.x;
            gamepadState.moveY = leftStick.y;
            gamepadState.lookX = rightStick.x;
            gamepadState.lookY = rightStick.y;
            gamepadState.lastSeenAt = performance.now();

            handleGamepadMenuButton(pressed(9)); // Options

            if (!isDeployed) {
                if (pressed(0)) handleGamepadMenuButton(true); // Cross deploy/redeploy
                gamepadState.previousButtons = buttons;
                return;
            }

            if (pressed(0)) tryJump();                                  // Cross
            if (pressed(2)) reload();                                   // Square
            if (pressed(3)) cycleWeapon(1);                             // Triangle
            if (pressed(4)) cycleWeapon(-1);                            // L1
            if (pressed(5)) cycleWeapon(1);                             // R1
            if (pressed(11) || pressed(17)) {                            // R3 / touchpad
                isThirdPerson = !isThirdPerson;
                updateViewMode();
            }

            if (pressed(12)) switchWeapon('rifle');                     // D-pad up
            if (pressed(15)) switchWeapon('shotgun');                   // D-pad right
            if (pressed(13)) switchWeapon('pistol');                    // D-pad down
            if (pressed(14)) switchWeapon('sniper');                    // D-pad left

            var sprintHeld = buttons[10] && leftStick.y < -0.35;              // L3 + forward
            if (sprintHeld !== gamepadSprintHeld) {
                gamepadSprintHeld = sprintHeld;
                syncSprintState();
            }

            var crouchHeld = buttons[1];                                // Circle
            if (crouchHeld !== gamepadCrouchHeld) {
                gamepadCrouchHeld = crouchHeld;
                setSittingState(crouchHeld);
            }

            var aimHeld = getGamepadButtonValue(gp, 6) > 0.25;          // L2 analog
            if (aimHeld !== gamepadAimHeld) {
                gamepadAimHeld = aimHeld;
                syncAimState();
            }

            var fireHeld = getGamepadButtonValue(gp, 7) > 0.25;         // R2 analog
            if (fireHeld !== gamepadFireHeld) {
                gamepadFireHeld = fireHeld;
                syncFireState();
            }

            applyGamepadLook(delta);
            gamepadState.previousButtons = buttons;
        }

        function updateViewMode() {
            cameraViewBlend = 0;
            var viewIndicator = document.getElementById('view-indicator');
            var rifle = fpvGunGroup.getObjectByName("rifle");
            var shotgun = fpvGunGroup.getObjectByName("shotgun");
            var pistol = fpvGunGroup.getObjectByName("pistol");
            var sniper = fpvGunGroup.getObjectByName("sniper");

            if (isThirdPerson) {
                viewIndicator.innerText = t('thirdPerson').toUpperCase();
                tpvPlayerModel.visible = true;
                fpvGunGroup.visible = false;
            } else {
                viewIndicator.innerText = t('firstPerson').toUpperCase();
                tpvPlayerModel.visible = false;
                fpvGunGroup.visible = !isScoped;
                rifle.visible = (currentWeaponType === 'rifle');
                shotgun.visible = (currentWeaponType === 'shotgun');
                pistol.visible = (currentWeaponType === 'pistol');
                sniper.visible = (currentWeaponType === 'sniper');
            }
        }

        function getPlayerEyeHeight() {
            return isSitting ? player.sitHeight * 0.9 : player.standHeight * 0.93;
        }

        function switchWeapon(type) {
            if (currentWeaponType === type || isReloading) return;
            currentWeaponType = type;

            document.getElementById('slot-1').classList.remove('active');
            document.getElementById('slot-2').classList.remove('active');
            document.getElementById('slot-3').classList.remove('active');
            document.getElementById('slot-4').classList.remove('active');

            if (type === 'rifle') document.getElementById('slot-1').classList.add('active');
            if (type === 'shotgun') document.getElementById('slot-2').classList.add('active');
            if (type === 'pistol') document.getElementById('slot-3').classList.add('active');
            if (type === 'sniper') document.getElementById('slot-4').classList.add('active');

            isAiming = false;
            isScoped = false;
            document.getElementById('crosshair').classList.remove('aiming');
            document.getElementById('scope-overlay').classList.remove('active');
            syncAimState();

            playSynthSound('reload');
            updateViewMode();
            updateHUD();
        }

        function handleShootingTrigger() {
            if (!isMouseDown || !isGameplayInputActive()) return;

            var now = performance.now();
            var config = WEAPONS_DATA[currentWeaponType];

            if (now - lastTimeFired >= config.fireRate) {
                shoot();
                lastTimeFired = now;
            }

            if (config.automatic) {
                setTimeout(handleShootingTrigger, config.fireRate);
            }
        }

        // --- SHOOTING PHYSICS & REGISTER INFLICTED DAMAGE ---
        function getCurrentWeaponSpread(config) {
            var spread = isAiming || isScoped ? config.aimSpread : config.spread;
            if (isSprinting) spread = Math.max(spread, config.sprintSpread);
            if (isSitting) spread *= 0.72;
            return spread;
        }

        function makeSpreadRaycaster(spread) {
            var dir = new THREE.Vector3();
            camera.getWorldDirection(dir);
            var right = new THREE.Vector3().crossVectors(dir, camera.up).normalize();
            var up = new THREE.Vector3().crossVectors(right, dir).normalize();
            var angle = Math.random() * Math.PI * 2;
            var radius = Math.sqrt(Math.random()) * spread;
            dir.addScaledVector(right, Math.cos(angle) * radius);
            dir.addScaledVector(up, Math.sin(angle) * radius);
            dir.normalize();
            return new THREE.Raycaster(camera.getWorldPosition(new THREE.Vector3()), dir, 0, 220);
        }

        function buildShotTargetPool() {
            var targetPool = collidableProxyMeshes.concat(naturalBulletBlockers);

            for (var id in networkPlayers) {
                var opp = networkPlayers[id];
                if (opp.data && !opp.data.isHiding) {
                    if (!opp.hitboxes) {
                        opp.hitboxes = {
                            body: new THREE.Mesh(sharedBodyHitGeometry, sharedHitboxMaterial),
                            head: new THREE.Mesh(sharedHeadHitGeometry, sharedHitboxMaterial)
                        };
                    }
                    var bodyHitTarget = opp.hitboxes.body;
                    bodyHitTarget.position.copy(opp.mesh.position);
                    bodyHitTarget.position.y += opp.data.isSitting ? 0.14 : 0.18;
                    bodyHitTarget.scale.set(0.14, opp.data.isSitting ? 0.29 : 0.36, 0.14);
                    bodyHitTarget.updateMatrixWorld(true);
                    bodyHitTarget.isPlayerHit = true;
                    bodyHitTarget.hitZone = 'body';
                    bodyHitTarget.playerIdRef = id;
                    targetPool.push(bodyHitTarget);

                    var headHitTarget = opp.hitboxes.head;
                    headHitTarget.position.copy(opp.mesh.position);
                    headHitTarget.position.y += opp.data.isSitting ? 0.25 : 0.37;
                    headHitTarget.scale.setScalar(0.08);
                    headHitTarget.updateMatrixWorld(true);
                    headHitTarget.isPlayerHit = true;
                    headHitTarget.hitZone = 'head';
                    headHitTarget.playerIdRef = id;
                    targetPool.push(headHitTarget);
                }
            }

            return targetPool;
        }

        function calculateShotDamage(config, hit) {
            var falloffT = THREE.MathUtils.clamp((hit.distance - config.falloffStart) / Math.max(1, config.falloffEnd - config.falloffStart), 0, 1);
            var damageScale = THREE.MathUtils.lerp(1, config.minDamageScale, falloffT);
            var zoneScale = hit.object.hitZone === 'head' ? config.headshotMultiplier : 1;
            return Math.max(1, Math.round(config.damage * damageScale * zoneScale));
        }

        function createEventId() {
            if (window.crypto && typeof window.crypto.randomUUID === 'function') return window.crypto.randomUUID();
            return Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 12);
        }

        function shoot() {
            if (!isDeployed || isReloading || player.health <= 0) return;
            var currentWeapon = weaponState[currentWeaponType];
            var config = WEAPONS_DATA[currentWeaponType];

            if (currentWeapon.ammo <= 0) {
                reload();
                return;
            }

            currentWeapon.ammo--;
            updateHUD();

            currentRecoilZ += config.recoilForce * 0.8;
            currentRecoilRotX += config.recoilForce * 1.6;

            if (!isThirdPerson && !isScoped) {
                createMuzzleFlash();
            }
            playSynthSound(currentWeaponType);

            localPlayerState.shotCount++;

            // var originPoint = isThirdPerson ? tpvPlayerModel.position.clone().add(new THREE.Vector3(0.2, 0.55, -0.08)) : fpvGunGroup.getWorldPosition(new THREE.Vector3());
            // Dynamically retrieve the physical barrel tip location from the active 3D model
            var originPoint = new THREE.Vector3();
            if (isThirdPerson && tpvPlayerModel) {
                var localBarrel = tpvPlayerModel.getObjectByName('heldBarrel');
                if (localBarrel) {
                    localBarrel.getWorldPosition(originPoint);
                } else {
                    originPoint.copy(tpvPlayerModel.position).add(new THREE.Vector3(0, isSitting ? 0.055 : 0.088, 0));
                }
            } else {
                originPoint = fpvGunGroup.getWorldPosition(new THREE.Vector3());
            }
            var targetPool = buildShotTargetPool();
            var pelletCount = config.pellets || 1;
            var spread = getCurrentWeaponSpread(config);
            var damageByTarget = {};
            var hitPointByTarget = {};
            var obstacleHitPoint = null;

            for (var pellet = 0; pellet < pelletCount; pellet++) {
                var raycaster = makeSpreadRaycaster(spread);
                var intersects = raycaster.intersectObjects(targetPool, true);

                if (intersects.length > 0) {
                    var hit = intersects[0];
                    createBulletTrace(originPoint, hit.point);

                    if (hit.object.isPlayerHit) {
                        var targetId = hit.object.playerIdRef;
                        damageByTarget[targetId] = (damageByTarget[targetId] || 0) + calculateShotDamage(config, hit);
                        hitPointByTarget[targetId] = hit.point.clone();
                    } else if (!obstacleHitPoint) {
                        obstacleHitPoint = hit.point.clone();
                    }
                } else {
                    var targetPoint = new THREE.Vector3();
                    raycaster.ray.at(config.tracerRange || 120, targetPoint);
                    createBulletTrace(originPoint, targetPoint);
                }
            }

            var didHitPlayer = false;
            for (var hitTargetId in damageByTarget) {
                var damageDealt = damageByTarget[hitTargetId];
                localPlayerState.damageEvents.push({
                    eventId: createEventId(),
                    targetId: hitTargetId,
                    damage: damageDealt,
                    weapon: currentWeaponType
                });

                didHitPlayer = true;
                createHitParticles(hitPointByTarget[hitTargetId], 0xb45252, Math.min(22, 8 + Math.ceil(damageDealt / 8)));

                // Kill ownership is confirmed by the server on the following sync.
            }

            if (didHitPlayer) {
                var hitmarker = document.getElementById('hitmarker');
                hitmarker.classList.add('active');
                setTimeout(function() { hitmarker.classList.remove('active'); }, 100);
                playSynthSound('hit');
            } else if (obstacleHitPoint) {
                createHitParticles(obstacleHitPoint, 0x7a7a7a, 6);
            }
        }
        
        function createMuzzleFlash() {
            if (!muzzleFlashMesh) {
                muzzleFlashMesh = new THREE.Mesh(
                    new THREE.SphereGeometry(0.016, 5, 5),
                    new THREE.MeshBasicMaterial({ color: 0xffaa00, transparent: true, opacity: 0.95, depthTest: false }) // Changed from 0x68c2d3
                );
                muzzleFlashMesh.renderOrder = 1100;
                camera.add(muzzleFlashMesh);
            }
            var flash = muzzleFlashMesh;
            flash.visible = true;
            
            // Positions divided by 4 to align with the scaled gun models
            if (currentWeaponType === 'rifle') flash.position.set(0.045, -0.035, -0.1625);
            if (currentWeaponType === 'shotgun') flash.position.set(0.045, -0.0375, -0.1875);
            if (currentWeaponType === 'pistol') flash.position.set(0.045, -0.0375, -0.1375);
            if (currentWeaponType === 'sniper') flash.position.set(0.045, -0.0325, -0.2125);
            
            if (!dynamicMuzzleLight) {
                dynamicMuzzleLight = new THREE.PointLight(0xffcc44, 5.0, 10);
                scene.add(dynamicMuzzleLight);
            }
            var worldBarrelPos = new THREE.Vector3();
            flash.getWorldPosition(worldBarrelPos);
            dynamicMuzzleLight.position.copy(worldBarrelPos);
            dynamicMuzzleLight.intensity = 6.0;

            clearTimeout(muzzleFlashTimer);
            muzzleFlashTimer = setTimeout(function() {
                flash.visible = false;
                if (dynamicMuzzleLight) dynamicMuzzleLight.intensity = 0;
            }, 50);
        }

        function createBulletTrace(from, to) {
            var geo = new THREE.BufferGeometry().setFromPoints([from, to]);
            geo.setAttribute('color', new THREE.Float32BufferAttribute([
                0.827, 0.627, 0.408,
                0.706, 0.322, 0.322
            ], 3));
            var line = new THREE.Line(geo, bulletTraceMaterial);
            scene.add(line);
            bulletTraces.push({ line: line, age: 0, maxAge: 0.09 });
        }

        function createHitParticles(pos, color, count) {
            var materialKey = String(color);
            if (!particleMaterials[materialKey]) particleMaterials[materialKey] = new THREE.MeshBasicMaterial({ color: color });
            for (var i = 0; i < count; i++) {
                var p = new THREE.Mesh(particleGeometry, particleMaterials[materialKey]);
                p.position.copy(pos);
                scene.add(p);
                particles.push({
                    mesh: p,
                    velocity: new THREE.Vector3((Math.random() - 0.5) * 6, Math.random() * 4.5 + 1.2, (Math.random() - 0.5) * 6),
                    age: 0,
                    maxAge: 0.3 + Math.random() * 0.2
                });
            }
        }

        function cancelReload() {
            clearTimeout(reloadTimer);
            reloadTimer = null;
            isReloading = false;
            document.getElementById('reload-indicator').style.display = 'none';
        }

        function reload() {
            var currentWeapon = weaponState[currentWeaponType];
            var config = WEAPONS_DATA[currentWeaponType];

            if (!isDeployed || player.health <= 0 || isReloading || currentWeapon.ammo === config.ammoMax || currentWeapon.reserve <= 0) return;

            isReloading = true;
            document.getElementById('reload-indicator').style.display = 'block';
            playSynthSound('reload');

            reloadTimer = setTimeout(function() {
                if (!isDeployed || player.health <= 0) { cancelReload(); return; }
                var amountNeeded = config.ammoMax - currentWeapon.ammo;
                var transferred = Math.min(amountNeeded, currentWeapon.reserve);
                currentWeapon.ammo += transferred;
                currentWeapon.reserve -= transferred;

                cancelReload();
                updateHUD();
            }, config.reloadTime);
        }

        function registerLocalDeath() {
            isDeployed = false;
            gamepadState.gameplayActive = false;
            stopNetworking();
            resetInputState();
            cancelReload();
            localPlayerState.damageEvents = [];
            controls.unlock();

            var blocker = document.getElementById('blocker');
            var instructions = document.getElementById('instructions');
            blocker.style.display = 'flex';
            blocker.style.opacity = '1';

            instructions.innerHTML = `
                <div class="lobby-kicker">RWD WILDLANDS</div>
                <h1 style="color:#b45252; text-shadow:0 0 15px rgba(180, 82, 82, 0.4)">${t('eliminated')}</h1>
                <p style="color:var(--text-body); margin:0 0 16px;">${t('eliminatedBody')}</p>
                <button id="redeploy-btn" style="background:#9ad57b; color:#172016; padding:13px 14px; font-weight:400; border:none; border-radius:9px; font-size:0.95em; cursor:pointer; width:100%;">${t('startAgain')}</button>
            `;

            document.getElementById('redeploy-btn').addEventListener('click', function() {
                respawnLocalPlayer();
                requestGameplayStart(false);
            });
        }

        function damagePlayer(amount) {
            player.health = Math.max(0, player.health - amount);
            playSynthSound('hit');
            updateHUD();

            var hpPanel = document.getElementById('health-panel');
            hpPanel.style.transform = 'scale(1.15)';
            setTimeout(function() { hpPanel.style.transform = 'scale(1.0)'; }, 100);

            var flash = document.getElementById('damage-flash');
            flash.style.opacity = '1';
            setTimeout(function() { flash.style.opacity = '0'; }, 200);

            if (player.health <= 0) {
                registerLocalDeath();
            }
        }

        // --- RIGID SOLID OBJECT COLLISION BOUNDARIES ---
        function checkCollision(pos) {
            var pRad = player.radius;

            if (shipyardMapReady && !isOnWalkableArea(pos.x, pos.z)) {
                return true;
            }

            // Strict 3D Bounding box of the player
            var playerBox = scratchPlayerBox;
            playerBox.min.set(pos.x - pRad, pos.y, pos.z - pRad);
            playerBox.max.set(pos.x + pRad, pos.y + player.height, pos.z + pRad);

            // Water barrier limit
            var dist = Math.sqrt(pos.x*pos.x + pos.z*pos.z);
            if (dist > carMapWorld.half * CAR_MAP_SCALE * MAP_PLAY_RADIUS_FACTOR) {
                var warningNow = performance.now();
                if (warningNow - lastMapEdgeWarning > 2200) {
                    lastMapEdgeWarning = warningNow;
                    displayRoundBanner(t('edge'));
                }
                return true;
            }

            // Trees and rocks are rendered as instances for speed, but collide as
            // lightweight circles so players cannot walk through natural cover.
            for (var n = 0; n < naturalObstacleCircles.length; n++) {
                var obstacle = naturalObstacleCircles[n];
                var ox = pos.x - obstacle.x, oz = pos.z - obstacle.z;
                var stopRadius = pRad + obstacle.r;
                if (ox * ox + oz * oz < stopRadius * stopRadius) {
                    if (obstacle.climbable && pos.y >= obstacle.topY - player.height * 0.12) continue;
                    return true;
                }
            }

            // Intersect static collidable geometry (trees, boulders, house walls, crates)
            for (var i = 0; i < collidableBoxes.length; i++) {
                if (playerBox.intersectsBox(collidableBoxes[i])) {
                    return true;
                }
            }
            return false;
        }

        // --- ACKNOWLEDGED SINGLE-FLIGHT STATE SYNCHRONIZER ---
        function startNetworking() {
            if (networking) return;
            networking = true;
            syncWithServer();
        }

        function stopNetworking() {
            networking = false;
            clearTimeout(networkSyncTimer);
            networkSyncTimer = null;
            if (activeSyncController) activeSyncController.abort();
            activeSyncController = null;
            syncInFlight = false;
        }

        async function syncWithServer() {
            if (!networking || syncInFlight) return;
            syncInFlight = true;
            localPlayerState.x = player.position.x;
            localPlayerState.y = player.position.y;
            localPlayerState.z = player.position.z;
            localPlayerState.isSitting = player.isSitting;

            var dir = new THREE.Vector3();
            camera.getWorldDirection(dir);
            localPlayerState.yaw = Math.atan2(dir.x, dir.z);
            localPlayerState.activeWeapon = currentWeaponType;
            localPlayerState.sequence = ++syncSequence;

            activeSyncController = new AbortController();
            var requestController = activeSyncController;
            var timeoutId = setTimeout(function() { requestController.abort(); }, 2500);
            try {
                var response = await fetch(window.location.pathname + '?api=1', {
                    method: 'POST',
                    credentials: 'same-origin',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-Token': csrfToken
                    },
                    body: JSON.stringify(localPlayerState),
                    signal: requestController.signal
                });
                var result = await response.json();
                if (response.status === 409 && result.error === 'server_full') {
                    displayRoundBanner(t('serverFull'));
                    stopNetworking();
                    return;
                }
                if (!response.ok || !result.players) throw new Error(result.error || ('HTTP ' + response.status));

                var acknowledged = new Set(result.ackEventIds || []);
                localPlayerState.damageEvents = localPlayerState.damageEvents.filter(function(event) {
                    return !acknowledged.has(event.eventId);
                });
                localPlayerState.resetHealth = false;
                processServerDatabase(result.players);
            } catch (err) {
                if (err.name !== 'AbortError') console.error('LAN broker connection drop:', err);
            } finally {
                clearTimeout(timeoutId);
                activeSyncController = null;
                syncInFlight = false;
                if (networking) networkSyncTimer = setTimeout(syncWithServer, 100);
            }
        }

        function normalizeRemotePlayer(raw) {
            function finite(value, fallback, min, max) {
                var number = Number(value);
                return Number.isFinite(number) ? Math.max(min, Math.min(max, number)) : fallback;
            }
            return {
                id: String(raw.id || '').slice(0, 64),
                name: String(raw.name || 'Player').slice(0, 15),
                x: finite(raw.x, 0, -9, 9), y: finite(raw.y, 0, -4, 8), z: finite(raw.z, 0, -9, 9),
                yaw: finite(raw.yaw, 0, -Math.PI, Math.PI),
                health: Math.round(finite(raw.health, 100, 0, 100)),
                kills: Math.round(finite(raw.kills, 0, 0, 100000)),
                shotCount: Math.round(finite(raw.shotCount, 0, 0, 1000000000)),
                activeWeapon: WEAPONS_DATA[raw.activeWeapon] ? raw.activeWeapon : 'rifle',
                isSitting: raw.isSitting === true,
                isHiding: raw.isHiding === true
            };
        }

        function renderLeaderboard(players) {
            var signature = players.map(function(p) { return p.id + ':' + p.name + ':' + p.kills; }).join('|');
            if (signature === previousLeaderboardSignature) return;
            previousLeaderboardSignature = signature;
            var list = document.getElementById('leaderboard-list');
            var fragment = document.createDocumentFragment();
            players.forEach(function(pData) {
                var row = document.createElement('div'); row.className = 'leaderboard-row';
                if (pData.id === myId) { row.style.color = 'var(--brand-accent)'; row.style.fontWeight = '900'; }
                var name = document.createElement('span'); name.style.cssText = 'max-width:115px;overflow:hidden;text-overflow:ellipsis;'; name.textContent = pData.name;
                var kills = document.createElement('span'); kills.textContent = pData.kills + ' K';
                row.append(name, kills); fragment.appendChild(row);
            });
            list.replaceChildren(fragment);
        }

        function processServerDatabase(db) {
            var activeIds = {};
            if (!db || typeof db !== 'object') return;
            var sortedList = Object.keys(db).map(function(k) { return normalizeRemotePlayer(db[k]); });
            sortedList.sort(function(a, b) { return b.kills - a.kills; });
            sortedList = sortedList.slice(0, MAX_PLAYERS);
            renderLeaderboard(sortedList);

            var allowed = {};
            sortedList.forEach(function(pData) { allowed[pData.id] = true; });

            for (var key in db) {
                if (!allowed[key]) continue;

                if (key === myId) {
                    var serverMe = normalizeRemotePlayer(db[key]);
                    if (serverMe.health < player.health) {
                        damagePlayer(player.health - serverMe.health);
                    } else if (serverMe.health > player.health) {
                        player.health = serverMe.health;
                        updateHUD();
                    }
                    if (serverMe.kills > localPlayerState.kills) displayRoundBanner(t('eliminated').toUpperCase());
                    localPlayerState.kills = serverMe.kills;
                    continue;
                }

                var netData = normalizeRemotePlayer(db[key]);
                activeIds[key] = true;

                if (!networkPlayers[key]) {
                    var mesh = createNetworkModelInstance();
                    
                    var label = document.createElement('div');
                    label.className = 'player-label';
                    label.innerText = netData.name;
                    document.getElementById('game-container').appendChild(label);

                    networkPlayers[key] = {
                        data: netData,
                        mesh: mesh,
                        labelEl: label,
                        targetPos: new THREE.Vector3(netData.x, netData.y, netData.z),
                        targetYaw: netData.yaw,
                        localShotCount: netData.shotCount || 0
                    };
                } else {
                    var op = networkPlayers[key];
                    op.data = netData;
                    op.targetPos.set(netData.x, netData.y, netData.z);
                    op.targetYaw = netData.yaw;
                    op.labelEl.innerText = netData.name;
                    op.mesh.scale.x = PLAYER_MODEL_SCALE;
                    op.mesh.scale.z = PLAYER_MODEL_SCALE;
                    op.mesh.scale.y += ((netData.isSitting ? PLAYER_MODEL_SCALE * 0.62 : PLAYER_MODEL_SCALE) - op.mesh.scale.y) * 0.25;

                    // Update expensive material state only when visibility actually changes.
                    if (op.hidden !== netData.isHiding && netData.isHiding) {
                        op.mesh.traverse(function(node) {
                            if (node.isMesh) {
                                node.material.transparent = true;
                                node.material.opacity = 0.08;
                            }
                        });
                        op.labelEl.style.opacity = '0';
                    } else if (op.hidden !== netData.isHiding) {
                        op.mesh.traverse(function(node) {
                            if (node.isMesh) {
                                node.material.transparent = false;
                                node.material.opacity = 1.0;
                            }
                        });
                        op.labelEl.style.opacity = '1';
                    }
                    op.hidden = netData.isHiding;

                    if (netData.shotCount > op.localShotCount) {
                        // Dynamically retrieve the barrel location of the opponent's gun
                        var opponentBarrel = new THREE.Vector3();
                        var opBarrel = op.mesh.getObjectByName('heldBarrel');
                        if (opBarrel) {
                            opBarrel.getWorldPosition(opponentBarrel);
                        } else {
                            // Fallback to scaled hip position
                            opponentBarrel.copy(op.mesh.position).add(new THREE.Vector3(0, netData.isSitting ? 0.055 : 0.088, 0));
                        }

                        var directionVector = new THREE.Vector3(Math.sin(netData.yaw), 0, Math.cos(netData.yaw));
                        var lineEnd = opponentBarrel.clone().addScaledVector(directionVector, 50);
                        createBulletTrace(opponentBarrel, lineEnd);
                        playSynthSound(netData.activeWeapon || 'rifle');
                        op.mesh.rotation.z = -0.08;
                        setTimeout(function(meshRef) { if (meshRef) meshRef.rotation.z = 0; }, 90, op.mesh);

                        op.localShotCount = netData.shotCount;
                    }
                }
            }

            for (var oldId in networkPlayers) {
                if (!activeIds[oldId]) {
                    disposeObjectTree(networkPlayers[oldId].mesh);
                    networkPlayers[oldId].labelEl.remove();
                    delete networkPlayers[oldId];
                }
            }
        }

        function displayRoundBanner(text) {
            var banner = document.getElementById('round-banner');
            banner.innerText = text;
            banner.classList.remove('active');
            void banner.offsetWidth;
            banner.classList.add('active');
            clearTimeout(roundBannerTimer);
            roundBannerTimer = setTimeout(function() { banner.classList.remove('active'); }, 2000);
        }

        function updatePlaceIndicator() {
            var el = document.getElementById('place-indicator');
            if (!el || !player) return;
            var key = 'central';
            if (Math.abs(player.position.x) > Math.abs(player.position.z) && Math.abs(player.position.x) > 2.5) key = player.position.x > 0 ? 'east' : 'west';
            else if (Math.abs(player.position.z) > 2.5) key = player.position.z < 0 ? 'north' : 'south';
            if (key !== lastPlaceKey || el.getAttribute('data-lang') !== currentLanguage) {
                lastPlaceKey = key;
                el.setAttribute('data-lang', currentLanguage);
                el.textContent = t(key);
            }
        }

        // --- FRAME CYCLE ANIMATOR ---
        function animate() {
            requestAnimationFrame(animate);

            var time = performance.now();
            var delta = (time - prevTime) / 1000;
            prevTime = time;

            if (delta > 0.1) delta = 0.1; // Limit frame jumps

            frameCount++;
            if (time >= fpsLastTime + 1000) {
                fps = Math.round((frameCount * 1000) / (time - fpsLastTime));
                document.getElementById('fps-counter').innerText = fps + " FPS";
                frameCount = 0;
                fpsLastTime = time;
            }
            updateGamepadInput(delta);

            if (isDeployed) {
                // Decay velocity friction
                player.velocity.x -= player.velocity.x * 9.0 * delta;
                player.velocity.z -= player.velocity.z * 9.0 * delta;
                player.velocity.y -= 12.5 * delta;

                var cameraDir = scratchCameraDir;
                camera.getWorldDirection(cameraDir);
                cameraDir.y = 0; 
                cameraDir.normalize();

                var cameraRight = scratchCameraRight;
                cameraRight.crossVectors(camera.up, cameraDir).normalize();

                var moveVec = scratchMoveVec.set(0, 0, 0);

                if (isGameplayInputActive()) {
                    var keyboardMoving = moveForward || moveBackward || moveLeft || moveRight;
                    if (moveForward) moveVec.add(cameraDir);
                    if (moveBackward) moveVec.sub(cameraDir);
                    if (moveLeft) moveVec.add(cameraRight);
                    if (moveRight) moveVec.sub(cameraRight);

                    var analogMagnitude = 0;
                    if (Math.abs(gamepadState.moveX) > 0 || Math.abs(gamepadState.moveY) > 0) {
                        moveVec.addScaledVector(cameraDir, -gamepadState.moveY);
                        moveVec.addScaledVector(cameraRight, -gamepadState.moveX);
                        analogMagnitude = Math.min(1, Math.sqrt(gamepadState.moveX * gamepadState.moveX + gamepadState.moveY * gamepadState.moveY));
                    }

                    var inputMagnitude = keyboardMoving ? 1 : analogMagnitude;
                    if (moveVec.lengthSq() > 0) moveVec.normalize();

                    var isCurrentlyMoving = keyboardMoving || analogMagnitude > 0.05;

                    player.isSitting = isSitting;
                    player.height = isSitting ? player.sitHeight : player.standHeight;

                    // Speed calculation (halved for 2x slower movement)
                    var currentSpeed = isSitting ? 0.48 : 1.35; // Original: 0.96 and 2.70
                    if (isSprinting && (moveForward || gamepadState.moveY < -0.35) && !isSitting) {
                        currentSpeed = 1.25;                    // Original: 4.50
                        if (!isScoped) camera.fov += (72 - camera.fov) * 0.1;
                        if (isCurrentlyMoving) bobbingTimer += delta * 15;
                    } else {
                        if (!isScoped) camera.fov += (65 - camera.fov) * 0.1;
                        if (isCurrentlyMoving) bobbingTimer += delta * (isSitting ? 4 : 9);
                    }
                    currentSpeed *= Math.max(0, Math.min(1, inputMagnitude));

                    // Strict Camera FOV Aim stances
                    if (isAiming) {
                        if (currentWeaponType === 'sniper') {
                            camera.fov += (10 - camera.fov) * 0.28; // Crisp strong sniper zoom
                        } else {
                            camera.fov += (52 - camera.fov) * 0.16;
                        }
                    }
                    camera.updateProjectionMatrix();

                    // --- STEALTH & HIDING MECHANIC DETERMINATIONS ---
                    var isCurrentlyHiding = false;
                    var wasHiding = player.isHiding;

                    // 1. Water zone hiding check
                    if (player.position.y <= waterPlaneY - 0.1) {
                        isCurrentlyHiding = true;
                    }

                    // 2. House interiors hiding check
                    var localPlayerBox = scratchPlayerBox;
                    localPlayerBox.min.set(player.position.x - player.radius, player.position.y, player.position.z - player.radius);
                    localPlayerBox.max.set(player.position.x + player.radius, player.position.y + player.height, player.position.z + player.radius);

                    for (var i = 0; i < houseInteriorBoxes.length; i++) {
                        if (localPlayerBox.intersectsBox(houseInteriorBoxes[i])) {
                            isCurrentlyHiding = true;
                            break;
                        }
                    }

                    player.isHiding = isCurrentlyHiding;

                    // Visual feedback for local player hiding
                    var stealthBadge = document.getElementById('stealth-badge');
                    if (wasHiding !== player.isHiding && player.isHiding) {
                        stealthBadge.style.display = 'block';
                        // Make local player model transparent in 3rd person
                        tpvPlayerModel.traverse(function(node) {
                            if (node.isMesh) {
                                node.material.transparent = true;
                                node.material.opacity = 0.3;
                            }
                        });
                    } else if (wasHiding !== player.isHiding) {
                        stealthBadge.style.display = 'none';
                        tpvPlayerModel.traverse(function(node) {
                            if (node.isMesh) {
                                node.material.transparent = false;
                                node.material.opacity = 1.0;
                            }
                        });
                    }

                    // --- SLIDING PHYSICS RESOLUTIONS ---
                    // Resolve X separately to enable smooth wall sliding
                    var response = 1 - Math.pow(0.0004, delta);
                    player.velocity.x += (moveVec.x * currentSpeed - player.velocity.x) * response;
                    player.velocity.z += (moveVec.z * currentSpeed - player.velocity.z) * response;
                    var deltaX = player.velocity.x * delta;
                    var testPosX = scratchTestPosition.copy(player.position); testPosX.x += deltaX;
                    if (!checkCollision(testPosX)) {
                        player.position.x = testPosX.x;
                    }

                    // Resolve Z separately
                    var deltaZ = player.velocity.z * delta;
                    var testPosZ = scratchTestPosition.copy(player.position); testPosZ.z += deltaZ;
                    if (!checkCollision(testPosZ)) {
                        player.position.z = testPosZ.z;
                    }

                    var previousPlayerY = player.position.y;
                    player.position.y += player.velocity.y * delta;
                    var groundY = getTerrainHeight(player.position.x, player.position.z);
                    if (player.velocity.y <= 0) {
                        for (var rockIndex = 0; rockIndex < naturalObstacleCircles.length; rockIndex++) {
                            var rock = naturalObstacleCircles[rockIndex];
                            if (!rock.climbable) continue;
                            var rockDx = player.position.x - rock.x, rockDz = player.position.z - rock.z;
                            var landingRadius = Math.max(0.02, rock.r);
                            if (rockDx * rockDx + rockDz * rockDz <= landingRadius * landingRadius &&
                                previousPlayerY >= rock.topY - 0.025 && player.position.y <= rock.topY) {
                                groundY = Math.max(groundY, rock.topY);
                            }
                        }
                    }
                    if (player.position.y <= groundY + 0.015 && player.velocity.y <= 0) {
                        player.position.y = groundY;
                        player.velocity.y = 0;
                        player.isGrounded = true;
                    } else {
                        player.isGrounded = false;
                    }
                    tpvPlayerModel.scale.x = PLAYER_MODEL_SCALE;
                    tpvPlayerModel.scale.z = PLAYER_MODEL_SCALE;
                    tpvPlayerModel.scale.y += ((isSitting ? PLAYER_MODEL_SCALE * 0.62 : PLAYER_MODEL_SCALE) - tpvPlayerModel.scale.y) * 0.25;
                    var walkAmount = Math.min(1, Math.sqrt(player.velocity.x * player.velocity.x + player.velocity.z * player.velocity.z) / 1.35);
                    var legSwing = Math.sin(bobbingTimer * 0.72) * 0.72 * walkAmount;
                    if (tpvPlayerModel.userData.leftLeg) {
                        tpvPlayerModel.userData.leftLeg.rotation.x = legSwing;
                        tpvPlayerModel.userData.rightLeg.rotation.x = -legSwing;
                        tpvPlayerModel.userData.leftArm.rotation.x = -0.06 - legSwing * 0.025;
                        tpvPlayerModel.userData.rightArm.rotation.x = -0.06 + legSwing * 0.025;
                    }

                    // Intercept & swing open interactive hinged doors smoothly
                    for (var d = 0; d < interactiveDoors.length; d++) {
                        var door = interactiveDoors[d];
                        // Convert local joint relative offset coordinates to absolute world spaces
                        door.pivot.getWorldPosition(door.worldHingePos);
                        var distToJoint = player.position.distanceTo(door.worldHingePos);

                        if (distToJoint < 5.5) {
                            door.isOpen = true;
                            door.angle += (Math.PI/2 - door.angle) * 0.12; // rotate open 90 degrees
                        } else {
                            door.isOpen = false;
                            door.angle += (0 - door.angle) * 0.12; // rotate closed
                        }
                        door.pivot.rotation.y = door.angle;
                    }

                    // Recoil decays
                    swayAmountX += (mouseXDelta * -0.0006 - swayAmountX) * 0.15;
                    swayAmountY += (mouseYDelta * -0.0006 - swayAmountY) * 0.15;
                    mouseXDelta = 0;
                    mouseYDelta = 0;

                    currentRecoilZ += (0 - currentRecoilZ) * 0.1;
                    currentRecoilRotX += (0 - currentRecoilRotX) * 0.1;

                    if (isThirdPerson) {
                        var backDir = scratchBackDir.copy(cameraDir).negate();
                        var playerEye = scratchPlayerEye.copy(player.position); playerEye.y += getPlayerEyeHeight();
                        
                        var camRay = scratchCameraRay; camRay.set(playerEye, backDir);
                        var camIntersects = camRay.intersectObjects(collidableProxyMeshes.concat(naturalBulletBlockers), true);
                        
                        // 4x Closer Tracking Distance (Original: 0.9 / 4 = 0.225)
                        var optimalDistance = 0.15; 
                        for (var i = 0; i < camIntersects.length; i++) {
                            if (camIntersects[i].distance < optimalDistance) {
                                // Scaled occlusion thresholds to prevent clipping close up
                                optimalDistance = Math.max(0.04, camIntersects[i].distance - 0.015);
                            }
                        }

                        var targetCamPos = scratchTargetCamera.copy(playerEye).addScaledVector(backDir, optimalDistance);
                        targetCamPos.y += 0.035 * (optimalDistance / 0.225); // Height offset scaled down 4x
                        cameraViewBlend = Math.min(1, cameraViewBlend + delta * 5.5);
                        camera.position.lerp(targetCamPos, 1 - Math.pow(0.00012, delta * Math.max(0.3, cameraViewBlend)));

                        tpvPlayerModel.position.copy(player.position);
                        var yawAngle = Math.atan2(cameraDir.x, cameraDir.z);
                        tpvPlayerModel.rotation.y = yawAngle + Math.PI;
                    } else {
                        camera.position.copy(player.position);
                        camera.position.y += getPlayerEyeHeight();

                        if (isCurrentlyMoving && player.isGrounded) {
                            var bobFactor = isSprinting ? 0.048 : 0.028;
                            camera.position.y += Math.sin(bobbingTimer) * (bobFactor * 0.5);
                            camera.position.x += Math.cos(bobbingTimer * 0.5) * (bobFactor * 0.4);
                        }

                        if (!isScoped) {
                            // Offsets scaled down 4x (Originals divided by 4)
                            var gunTargetX = isAiming ? 0 : 0.045;
                            var gunTargetY = isAiming ? -0.02625 : (isSitting ? -0.055 : -0.0375);
                            var gunTargetZ = isAiming ? -0.0725 : -0.0875;
                            
                            fpvGunGroup.position.x += (gunTargetX + swayAmountX - fpvGunGroup.position.x) * 0.22;
                            fpvGunGroup.position.y += (gunTargetY + swayAmountY - fpvGunGroup.position.y) * 0.22;
                            fpvGunGroup.position.z += (gunTargetZ + currentRecoilZ - fpvGunGroup.position.z) * 0.22;
                            
                            fpvGunGroup.rotation.y = swayAmountX * 1.5;
                            fpvGunGroup.rotation.x = -currentRecoilRotX + (swayAmountY * 1.5);
                        }
                    }
                } else {
                    camera.position.copy(player.position);
                    camera.position.y += getPlayerEyeHeight();
                }
            } else {
                camera.position.copy(player.position);
                camera.position.y += getPlayerEyeHeight();
            }

            // Interpolate remote players
            for (var id in networkPlayers) {
                var op = networkPlayers[id];
                var remoteDistance = op.mesh.position.distanceTo(op.targetPos);
                op.mesh.position.lerp(op.targetPos, 0.25);
                op.mesh.rotation.y = THREE.MathUtils.lerp(op.mesh.rotation.y, op.targetYaw + Math.PI, 0.25);
                if (op.mesh.userData.leftLeg) {
                    var remoteSwing = Math.sin(time * 0.012 + id.length) * 0.65 * Math.min(1, remoteDistance * 18);
                    op.mesh.userData.leftLeg.rotation.x = remoteSwing;
                    op.mesh.userData.rightLeg.rotation.x = -remoteSwing;
                }

                var screenPos = op.mesh.position.clone();
                screenPos.y += player.standHeight + 0.08;
                screenPos.project(camera);

                if (screenPos.z > 1 || op.data.isHiding) {
                    op.labelEl.style.opacity = '0'; // Completely hide remote name tags if they are hiding
                } else {
                    op.labelEl.style.opacity = '1';
                    var screenX = (screenPos.x *  .5 + .5) * window.innerWidth;
                    var screenY = (screenPos.y * -.5 + .5) * window.innerHeight;
                    op.labelEl.style.left = screenX + 'px';
                    op.labelEl.style.top = screenY + 'px';
                }
            }

            // Animate local indicators
            for (var i = particles.length - 1; i >= 0; i--) {
                var p = particles[i];
                p.age += delta;
                p.mesh.position.addScaledVector(p.velocity, delta);
                p.velocity.y -= 9.8 * delta;
                if (p.age >= p.maxAge) {
                    scene.remove(p.mesh);
                    particles.splice(i, 1);
                }
            }

            for (var i = bulletTraces.length - 1; i >= 0; i--) {
                var t = bulletTraces[i];
                t.age += delta;
                if (t.age >= t.maxAge) {
                    scene.remove(t.line);
                    t.line.geometry.dispose();
                    bulletTraces.splice(i, 1);
                }
            }

            if(grassUniforms) grassUniforms.uTime.value=time*.001;
            updatePlaceIndicator();
            renderer.render(scene, camera);
        }

        function onWindowResize() {
            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();
            renderer.setSize(window.innerWidth, window.innerHeight);
            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.25));
        }

        function updateHUD() {
            document.getElementById('health-val').innerText = player.health;
            var currentWeapon = weaponState[currentWeaponType];
            document.getElementById('ammo-val').innerText = currentWeapon.ammo + "/" + currentWeapon.reserve;
        }
    </script>
</body>
</html>