:root {
            --bg-dark: #262626;
            --navy-slate: #30364F;
            --soft-steel: #ACBAC4;
            --wine-red: #842A3B;
            --text-light: #F2F2F2;
        }

        body {
            font-family: 'Bitter', serif;
            background-color: var(--bg-dark);
            color: var(--text-light);
            overflow-x: hidden;
        }

        h1, h2, .font-signature {
            font-family: 'Lobster', cursive;
        }

        .glass-panel {
            background: rgba(48, 54, 79, 0.4);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Rotating Wheel Logic */
        .wheel-container {
            width: 500px;
            height: 500px;
            transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
        }

        .wheel-item {
            position: absolute;
            width: 120px;
            height: 120px;
            transform-origin: 250px 250px;
            transition: all 0.5s ease;
            cursor: pointer;
        }

        .wheel-item:hover {
            filter: drop-shadow(0 0 15px var(--wine-red));
            transform: scale(1.1);
        }

        .wheel-item.active {
            filter: drop-shadow(0 0 20px #ffffff);
            border-color: white;
        }

        /* Cinematic Background Elements */
        .highway-bg {
            background: linear-gradient(rgba(38,38,38,0.7), rgba(38,38,38,0.7)), url('https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
            filter: brightness(0.6) contrast(1.2);
        }

        /* Page Transitions */
        .page-node { display: none; opacity: 0; }
        .page-node.active { display: block; opacity: 1; animation: fadeIn 0.8s ease forwards; }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Floating Animation */
        .float-slow { animation: float 6s ease-in-out infinite; }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        .vertical-text {
            writing-mode: vertical-rl;
            text-orientation: mixed;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #1a1a1a; }
        ::-webkit-scrollbar-thumb { background: var(--wine-red); }

        /* HUD elements */
        .hud-line {
            height: 2px;
            background: linear-gradient(to right, transparent, var(--wine-red), transparent);
        }