:root { --bg-color: #050508; --neon-blue: #00f3ff; --neon-pink: #ff00ea; --text-main: #e0e0e0; }
        body { background-color: var(--bg-color); color: var(--text-main); font-family: sans-serif; margin: 0; }
        
        .header-bar { padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; }
        .back-btn { color: var(--neon-blue); text-decoration: none; font-weight: bold; font-size: 1rem; }

        .player-wrapper { max-width: 1200px; margin: 20px auto; padding: 0 15px; }
        
        .support-box { text-align: center; margin-bottom: 25px; background: rgba(255,255,255,0.03); padding: 15px; border-radius: 15px; border: 1px solid rgba(255,0,234,0.2); }
        .revolut-mini { display: inline-block; padding: 10px 20px; background: #ff00ea; color: white; text-decoration: none; border-radius: 25px; font-weight: bold; font-size: 14px; margin-top: 10px; box-shadow: 0 0 15px rgba(255,0,234,0.4); }

        h1 { font-size: 1.5rem; text-align: center; margin-bottom: 20px; color: white; }
        @media (min-width: 768px) { h1 { font-size: 2.5rem; } }

        /* A LEJÁTSZÓ FIX KÓDJA */
        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 arány */
            height: 0;
            overflow: hidden;
            border: 2px solid var(--neon-blue);
            border-radius: 15px;
            background: #000;
            box-shadow: 0 0 30px rgba(0, 243, 255, 0.2);
        }
        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }


.discord-mini {
  display: inline-block;
  padding: 8px 14px;
  background-color: #5865F2;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  transition: 0.2s;
}

.discord-mini:hover {
  background-color: #4752c4;
}